我在函数中使用 AJAX 调用来从服务器检索一些数据，方法如下:
getPolicies: function() {
$.ajax({
async: false, // wait for response
type: "GET",
url: "http://localhost:8080/getPolicies",
contentType: "application/json",
dataType: "json",
success: function(jsonList) {
for(var i in jsonList) {
console.dir(jsonList[i].policyName);
}
return jsonList;
},
failure: function(err) {console.log("Error");}
});
}
我正确地得到了 JSON 数组:
[
{
"policyName": "policy1"
},
{
"policyName": "policy2"
},
{
"policyName": "policy3"
}
]
此 JSON 数组由函数返回。
但是当我调用函数 getPolicies() 时，我只得到一个空的 JSON 对象 {}。具体来说，如果我尝试
var policies = getPolicies();
console.log(policies[1].policyName);
我明白了:
Uncaught TypeError: Cannot read property 'policyName' of undefined
那么，即使我正确获取了 JSON 数组，该函数怎么可能返回一个空对象？!
谢谢...
即使 AJAX 请求是同步的 *)，return 语句仍然只从成功处理程序返回。尝试这样的事情:
getPolicies: function() {
// Declare variable here
var resultList = null;
$.ajax({
async: false, // wait for response
type: "GET",
url: "http://localhost:8080/getPolicies",
contentType: "application/json",
dataType: "json",
success: function(jsonList) {
for(var i in jsonList) {
console.dir(jsonList[i].policyName);
}
// Set the variable in the scope of getPolicies.
resultList = jsonList;
},
failure: function(err) {console.log("Error");}
});
// This one actually returns getPolicies
return resultList;
}
但一般来说，使 AJAX 调用同步被认为是不好的做法。相反，您可以更好地从成功处理程序中调用必要的功能。这也可以是另一个功能。例如，您可以声明
function processPolicies(policies)
{
console.log(policies[1].policyName);
}
你的调用处理程序可以是这样的(:
$.ajax({
async: true, // just let it run,
type: "GET",
url: "http://localhost:8080/getPolicies",
contentType: "application/json",
dataType: "json",
success: function(jsonList) {
processPolicies(jsonList);
},
...
*) 第一个 A 甚至代表异步。但另一方面，X 代表 XML，因此您在这里所做的实际上应该称为 JaJ 而不是 AJAX。 ;)