我有下面的代码,它只能在调试器模式下工作,在console.log上有一个突破点。数组pageData在编译时为空,最终不会编译下一个each循环。通过ajax调用,我只得到了10个对象,如果我得到了100个对象,该如何停止调试器,直到数组加载完毕。这在所有浏览器中都会发生。
//ajax call ,
function(responses) {
responses.data.sort(function(a,b){
var aa=a.were;
var bb=b.were;
return bb-aa;
});
$.each(responses.data, function (index, value) {
var pageData1={
were: value.were,
id: value.id,
name: value.name,
category: value.category,
address: value.location.street,
city:value.city,
talk: value.talki,
link:value.link
}
pageData.push(pageData1);
});
});
console.log(pageData);
$.each(pageData, function(key,value){
table=table+"<tr><td><a href="+pageData[key].link+">"+pageData[key].name+"</a> </td><td>"+pageData[key].were+" </td><td> "+pageData[key].address+"</td><td> "+pageData[key].talk+"</td></tr>";
});
$("#tabledata").show();
$("#messages").append(table);编辑:function(responses) { responses.data.sort(function(a, b) { var aa = a.were; var bb = b.were; return bb - aa; }); $.each(responses.data, function(index, value) { var pageData1 = { were: value.were, id: value.id, name: value.name, category: value.category, address: value.location.street, city: value.city, talk: value.talki, link: value.link }; pageData.push(pageData1); }); console.log(pageData); $.each(pageData, function(key, value) { table += "<tr>" + "<td><a href="+pageData[key].link+">"+pageData[key].name+"</a> </td>" + "<td>"+pageData[key].were+" </td>" + "<td> "+pageData[key].address+"</td>" + "<td> "+pageData[key].talk+"</td>" + "</tr>"; }); $("#tabledata").show(); $("#messages").append(table); });
发布于 2016-03-19 06:14:09
只有在ajax完成时才会调用您的function(responses)。
Javascript不会等待它完成,它会在数据返回之前运行console.log,在运行时什么都不会留下。
在调试模式下,在console.log上停止它(在它运行之前),让async ajax调用有时间完成并填充pageData变量。
依赖于此数据的所有代码必须在$.each函数之后,以便在数据返回时将它们一起调用。
https://stackoverflow.com/questions/36094995
复制相似问题