Question

我尝试从HTML表单中捕获数据，这些数据将放在另一个网站上。从那个表格我需要将数据捕获到我的网站。但是当我尝试跨域调用jQuery Ajax时，它显示302错误，没有响应。

我试过这个

$('button[type="button"]').on('click', function(){
        var data = $('.data-capture-form').serialize();
        $.ajax({
            type : 'POST',
            url: 'http://prospectbank.co.uk/leads/test',
            dataType: 'jsonp',
            crossDomain : true,
            data : data,
            contentType: 'application/jsonp'
        }).done(function(res){
            var resp = $.parseJSON(res);
            console.log(resp);
        });
    });

此代码的问题在哪里？有什么帮助吗？

Fiddle Code

Answer 1

如果您有权访问服务器，请添加以下标题：

Access-Control-Allow-Origin: *

然后进行JSONP调用

$.ajax({
  type: "POST",
  dataType: 'jsonp',
  ...... etc ....

如果您无权访问外部服务器，则必须将请求定向到您的服务器，然后对外部服务器进行代理呼叫。

跨域ajax导致问题呈现数据

1 个答案: