2016-09-16 6 views
0
私はAjaxのjQueryを使ってフォームを送信したい

AjaxのjQueryのクロスドメインフォーム送信

私はhttp://domain2.com

http://domain1.comからデータを送信したいが、これは私のフォームで

<form action="https://domain2.com/index.php/site/send_sms" method="post"> 

<input type="hidden" name="with_slogan" value="yes" id="with_slogan" /> 


<input type="hidden" name="glist" id="glist" value="" /> 



Number: <br/> 
<input type="text" name="to_mobile" value="" id="to_mobile" class="hide" /> 

<br/> 


Message: (100 text) <br/> 
<textarea cols="30" rows="6" maxlength="110" name="sms_body" id="sms_body"> --shaikatssj </textarea> 



<br/> 

<input type="submit" name="submit" value="Send" class="sm-button-submit" /></form> 

アヤックス:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>   

<script> var url="https://domain2.com/index.php/site/send_sms";  var datastring = "with_slogan=yes&glist=&to_mobile=017147974&sms_body=teshejdsgjkjfdt&submit=submit";  $.ajax({  url: url,  data: datastring,  type: "POST",  crossDomain: true,  success: function(e) {   alert(e.responseText);  },  error: function(XMLHttpRequest, textStatus, errorThrown) {    alert("Status: " + textStatus); alert("Error: " + errorThrown);   } });  </script> 

私はAjax投稿を試みましたが、成功しませんでした。フォームの最初の

+1

*「ゼロアクセスが得られました」は、何も表示されません。実際のリクエストを調べるには、ブラウザのdevツールネットワークとコンソールを使用してください。また、ajaxエラーハンドラを実装します。 domain2でCORSが有効になっているとは限りませんが、提供されているものよりも多くのトラブルシューティング情報が必要です。また、あなたのajaxコードを表示 – charlietfl

+0

私はajaxスクリプトを更新しました、あなたはそれをチェックできますか? – user5724063

答えて

0
  • あなたはそれが
  • は、フォームのidフォームID =「フォーム」を追加、削除、AJAXスクリプト経由で送信されているアクションとメソッドのポストを必要といけない

このスクリプトを使用してみてください:

$('#form').on('submit', function (e) { 
e.preventDefault(); 
$.ajax({ 
type: 'post', 
url: 'yourpage.php', 
data: $('#form').serialize(), 
success: function(){ 
     alert('success'); 
      }, 
}); 
}); 
}); 
}); 
関連する問題