成功后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 策略。