Ajax JQuery跨域表单提交

时间:2016-09-16 11:35:48

标签: jquery ajax forms cross-domain

我想提交一个包含Ajax jquery的表单,

我想将数据从https://pywinauto.github.io/发送到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>

的Ajax:

    <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 个答案:

答案 0 :(得分:0)

  • 首先在你的表单中你不需要动作和方法发布你通过ajax脚本发送它所以删除它
  • 添加表单ID表单id ='form'

尝试使用此脚本:

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