我觉得我应该能够找到这个答案，但经过数小时的研究，成功率为零。我有这个页面，其中包含对 API 服务的简单 jquery ajax 调用。它在 Chrome、Safari 和 Firefox，甚至 IE 10 中运行良好。但 IE 9 和 8 似乎失败了。
这是代码：
$.ajax({
type: "GET",
url: "http://api.domain.org/api/campus?filtertype=name&filter="+ escape($('#campus').val()),
dataType: "json",
contentType: "application/json; charset=utf-8",
success: function (result) {
$('#results').children().remove();
var arrayd = (typeof result) == 'string' ? eval('(' + result + ')') : result;
if (arrayd != null) {
for (var i = 0; i < arrayd.length; i++) {
$('#results').append('<li>' + arrayd[i].SchoolName + '</li>');
}
}
},
error: function (request, status, errorThrown) {
alert("There was an issue with the request");
} // When Service call fails
});
最大的问题是警报文件，但我在 IE 调试工具中看不到任何流量，这无法帮助我查看是否击中了服务器。
我尝试了很多事情：
- 根据http://mvcdiary.com/2013/01/16/jquery-ajax-request-not-working-in-ie9/设置 $.ajax 设置
- 设置'$.support.cors = true;' 在ajax调用之前
- 使用'jquery.iecors.js'
更新
将 dataType 更改为“jsonp”后，我开始看到 IE 8/9 中的流量并成功调用。但是，我现在没有让任何浏览器调用成功方法。
$.ajax({
type: "GET",
url: "http://api.athletesinaction.org/api/campus?filtertype=name&filter="+ escape($('#campus').val()),
dataType: "jsonp",
async: false,
contentType: "application/javascript",
crossDomain: true,
jsonpCallback: 'myTest',
success: myTest,
error: function (request, status, errorThrown) {
alert(errorThrown);
} // When Service call fails
});
function myTest (argument) {
alert("YEAH");
$('#results').children().remove();
var arrayd = (typeof result) == 'string' ? eval('(' + result + ')') : result;
if (arrayd != null) {
for (var i = 0; i < arrayd.length; i++) {
$('#results').append('<li>' + arrayd[i].SchoolName + '</li>');
}
}
}