我的 Web 应用程序正在尝试访问属于不同域的另一台服务器的信息。由于它是跨域ajax调用,因此我使用“dataType”作为“JSONP”而不是JSON。
现在,在 WebInspector-> Network 选项卡中,我看到请求已成功并且已填充响应。但 success() 函数从未被调用。它总是调用状态 = 200 的错误函数。
由于它是 JSONP 请求,jQuery 会附加“callback=?”到 URL 末尾并且回调方法从未被调用,即使在获得有效响应之后也是如此。不确定出了什么问题?
$(document).ready(function() {
// When you click the Get Instances button:
$('#getInstances').click(function(){
$.ajax({
type: "GET",
url: "http://178.28.167.221:8080/us-east-1/instance/list.json",
contentType: "application/json; charset=utf-8",
accept: "application/json",
crossDomain: "true",
headers: {'Access-Control-Allow-Origin','*'},
dataType: "jsonp",
success: function(msg) {
result = JSON.stringify(msg);
var obj = $.parseJSON(result);
console.log(obj);
$('#instancesTable').append('<tr><td>' + obj.autoScalingGroupName + '</td><td>' + obj.amiId + '</td><td>' + obj.instanceId + '</td><td>' + obj.instanceType +'</td></tr>');
},
error: function(xhr, ajaxOptions, thrownError, textStatus, responseText) {
console.log(name + ' environment failed with error: ' + xhr.status + " " + thrownError);
var errorMessage = "Error";
if (xhr.status == 0) {
errorMessage = "Can't Connect";
}
}
});
});
});
我还通过在我的 ajax 请求中包含以下内容进行了验证:
jsonp: 'callback',
jsonpCallback: 'jsonpCallback'
并定义回调函数如下:
function jsonpCallback(data){
alert("jsonpCallback");
}
即使请求成功并且服务器可以提供响应(显示在 WebInspector 的“网络”选项卡中),jsonCallback 也从未被调用。
来自服务器的响应是 JSON 对象的数组。 [{JSON1},{JSON2} ..]
注意:我尝试将 contentType 更改为“application/javascript”,因为响应是 JSON 对象数组。但没有任何效果:(