然后AJAX在成功后重定向

Question

我正在尝试使用ajax来获取表单数据以发送到api url，然后将填写表单的用户重定向到一个谢谢页面。

<form id="valform">
<!-- form elements -->
</form>
<div id="status_message"></div>

简单的表单代码在上面，ajax代码在

之下

$(document).ready(function(){
var API_URL = 'http://www.some-api-provider.com/api.php';    
$('#valform').on('submit', function (e){
e.preventDefault();

$.ajax({
  type: 'GET',
  url: API_URL,
  data: $('#valform').serialize(),
  success: function () {
    window.location.href = "thankyou.html";

  },
  error: function () {
    alert('There was a problem!'); // do something better than this!
  }
});
return false;
});

这段代码有问题吗？我一直在GET部分收到提醒信息，所以我假设有些问题。

Answer 1

除非您的文件托管在与API_URL相同的域中，否则AJAX将停止您的请求，这就是您看到错误消息的原因。这是为了阻止XSS (Cross Site Scripting)，这是一种黑客技术。这称为same-domain政策。