经过长时间的研究,我试图通过回调来处理一些AJAX数据。我是意大利用户,所以如果我不清楚我的解释,我会道歉(事实上,我很难用英语解释我的问题)。
我正在尝试通过回调传递一些数据。我的jQuery.ajax.async没有设置为false,因为我需要在异步模式下工作。所以我试图将回调传递给我的函数,根据我在这里找到的一些帖子。但是,如果我尝试通过警报功能显示此数据,我可以看到它未定义。这是代码:
function loadentities(id, username, password, system, host)
{
var postData = "username=" + encodeURI(username) +
"&password=" + encodeURI(password) +
"&system=" + encodeURI(system) +
"&host=" + encodeURI(host);
jQuery.ajax({
type: "POST",
dataType: "json",
data: postData,
beforeSend: function(x)
{
if(x && x.overrideMimeType)
{
x.overrideMimeType("application/json;charset=UTF-8");
}
},
url: 'operations.php?op=loadentities',
error: function(x, textStatus, errorThrown)
{
alert("Request failed: " + textStatus + " " + errorThrown);
},
success: function(data)
{
var html = "";
for(var i=0; i < data.length; i++)
{
html += "<li><a onclick=\"showhide('" + data[i].entity + "');\">" + data[i].entity + "</a><ul id=\"" + data[i].entity + "\" class=\"list\"></ul></li>";
loadlastfiveevents(username, password, system, host, data[i].entity, function(data)
{
alert(data);
entityData = new Array();
for(var i = 0; i < data.length; i++)
{
var entityDataEntry = new Object();
entityDataEntry.key = data[i].key;
entityDataEntry.event = data[i].event;
entityDataEntry.timestamp = data[i].timestamp;
entityData.push(entityDataEntry);
}
alert(data[0].key);
});
entitiesValues[entitiesIndex++] = data[i].entity;
}
jQuery(html).appendTo('#hlentity' + id);
}
}); //end jQuery.ajax
}
function loadlastfiveevents(username, password, system, host, entity, buildlastfiveevents)
{
var postData = "username=" + encodeURI(username) +
"&password=" + encodeURI(password) +
"&system=" + encodeURI(system) +
"&host=" + encodeURI(host) +
"&entity=" + encodeURI(entity);
jQuery.ajax({
type: "POST",
dataType: "json",
data: postData,
beforeSend: function(x)
{
if(x && x.overrideMimeType)
{
x.overrideMimeType("application/json;charset=UTF-8");
}
},
url: 'operations.php?op=getlatestevents',
error: function(x, textStatus, errorThrown)
{
alert("Request failed: " + textStatus + " " + errorThrown);
},
success: function(data)
{
var color = "green";
var html = "";
for(var i = 0; i < data.length; i++)
{
if(data[i].event == "SUP") color = "green";
else if(data[i].event == "IER") color = "yellow";
else if(data[i].event == "SDW") color = "black";
else color = "red";
html += "<li><img src=\"images/" + color + ".jpg\" />" + data[i].key + " " + data[i].event + " " + data[i].timestamp + "</li>";
}
jQuery(html).appendTo('#' + entity);
propagate(entity, data[0].event);
buildlastfiveelements(data);
}
}); //end jQuery
}
我希望这篇文章足够清楚,谢谢你的耐心和时间。
编辑:这是getlatetevents返回的JSON代码示例(在loadlastfiveevents中)。
[
{
"key": "error",
"event": "SUP",
"timestamp": "2012-11-16 11:13:36"
},
{
"key": "error",
"event": "SDW",
"timestamp": "2012-11-16 11:12:57"
},
{
"key": "error",
"event": "SUP",
"timestamp": "2012-11-16 11:11:32"
},
{
"key": "error",
"event": "SDW",
"timestamp": "2012-11-15 19:40:31"
},
{
"key": "timeout",
"event": "SER",
"timestamp": "2012-11-15 19:30:54"
}
]
答案 0 :(得分:2)
这不起作用。
您将数据类型设置为json,这意味着您希望返回JSON结果,其他任何内容都将失败。
然后根据返回的JSON对象长度使用for
循环迭代,并且由于对象没有长度,for循环永远不会运行。
你要么期望有长度属性的数组,但是因为数据类型被设置为JSON所以它们没有通过,或者你期望对象,它们作为JSON对象而来,没有长度属性,必须使用for(key in object)
或$.each(object, function(key, value) {...})
等进行循环播放。
答案 1 :(得分:0)
您确定您的HTTP请求实际上是在返回某些内容吗? 您可以提供您要求的完整URL以及您为函数提供的不同参数。