我正在使用 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 来解决跨域问题。
有任何想法吗?谢谢!