3

我正在使用 JSONP 进行 Ajax 调用,以从第三方(与我的站点不同的域)获取 JSON 数据,它在 Chrome 和 Firefox 上运行,但在 IE 上失败(9 和 10 是我尝试过的版本)。在 IE 调试器中,我看到调用正在完成(使用 Http 200),但没有调用我为 JSONP 调用指定的回调。

我的代码如下所示:

$.ajax({
    url: 'http://api.yipit.com/v1/deals/?key=mykey&division=seattle&limit=1000',
    dataType: 'jsonp',
    contentType: "text/javascript",
    async: false,
    cache: false,
    crossDomain: true,
    jsonp: 'callback',
    jsonpCallback: 'processResult',
    error: function (xhr, textStatus, error) {
        window.alert(error);
    },
    success: function (data) {
        window.alert(JSON.stringify(data));
        _yipit_deals = data.response.deals;
    }
});

响应正文如下所示:

<html><body><pre>processResult({
... [valid JSON data]
});</pre></body></html>

进行调用时,将调用错误函数并显示错误为:Error: processResult was not called并且 IE 调试器显示尝试解析<html><body><pre>响应中的标记时导致的脚本错误。在 Chrome 和 Firefox 上运行时,响应正文中存在这些 html 标签,我不确定为什么 IE 的响应不同。

这些标签似乎导致 IE 出错并且无法调用回调。我尝试为 contentType 指定其他值,例如“text/html”、“text”、“application/javascript”,甚至根本没有指定它,但它没有任何区别。我正在使用 JSONP 来解决跨域问题。

有任何想法吗?谢谢!

4

1 回答 1

1

您必须将显式format参数传递给 URL:

&format=json

否则,它只是漂亮地打印输出:

<html><body><pre>{
    "meta": {
        "code": 401,
        "message": "Key not recognized",
        "name": "AuthenticationFailed"
    },
    "response": {}
}</pre></body></html>

另外,我会async回到true.

于 2013-05-20T23:25:01.850 回答