Question

这是我的代码

$.ajax({
        url: 'https://api.flightstats.com/flex/schedules/rest/v1/json/flight/AA/100/departing/2013/10/4?appId=19d57e69&appKey=e0ea60854c1205af43fd7b1203005d59&callback=?',
        dataType: 'JSONP',
        jsonpCallback: 'jsonCallback',
        type : 'GET',
        async: false,
        crossDomain: true,
        success: function(data) {
            console.log(data);
        }
    });

我做错了什么？我应该在这里添加或更改任何内容吗？任何帮助，将不胜感激。感谢

Answer 1

工作小提琴：

http://jsfiddle.net/repjt/

$.ajax({
    url: 'https://api.flightstats.com/flex/schedules/rest/v1/jsonp/flight/AA/100/departing/2013/10/4?appId=19d57e69&appKey=e0ea60854c1205af43fd7b1203005d59',
    dataType: 'JSONP',
    jsonpCallback: 'callback',
    type: 'GET',
    success: function (data) {
        console.log(data);
    }
});

我必须手动将回调设置为callback，因为所有远程服务似乎都支持。我还更改了url以指定我想要jsonp。

Answer 2

您正在尝试访问JSON，而不是JSONP。

请注意您的来源之间的区别：

https://api.flightstats.com/flex/schedules/rest/v1/json/flight/AA/100/departing/2013/10/4?appId=19d57e69&appKey=e0ea60854c1205af43fd7b1203005d59&callback=？

实际的JSONP（包装函数）：

http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=processJSON&tags=monkey&tagmode=any&format=json

搜索JSON + CORS /跨域策略，您将在此主题上找到数百个SO线程。

Answer 3

我跑这个

var data = '{"rut" : "' + $('#cb_rut').val() + '" , "email" : "' + $('#email').val() + '" }';
var data = JSON.parse(data);

$.ajax({
    type: 'GET',
    url: 'linkserverApi',
    success: function(success) {
        console.log('Success!');
        console.log(success);
    },
    error: function() {
        console.log('Uh Oh!');
    },
    jsonp: 'jsonp'

});

并在回复中编辑标题

＆＃39;接入控制允许的方法＆＃39; ，＆＃39; GET，POST，PUT，DELETE＆＃39;

＆＃39;访问控制 - 最大值 - 年龄＆＃39; ，＆＃39; 3628800＆＃39;

＆＃39;访问控制 - 允许 - 来源＆＃39;，＆＃39; websiteresponseUrl＆＃39;

＆＃39;内容类型＆＃39;，＆＃39; text / javascript;字符集= UTF8＆＃39;

JSONP调用显示“Uncaught SyntaxError：Unexpected token：”

3 个答案: