问题描述
首先，我要从json文件中获取一些邮政编码.完成加载后，我遍历邮政编码并连接到
First, I'm grabbing some zip codes from a json file. After that is done loading, I loop through the zip codes and connect to
http://api.geonames.org/postalCodeSearchJSON?postalcode="+zip+"&maxRows=1&username=demo
，并用每个邮政编码的邮政编码替换"zip".因此，如果我有30个邮政编码，它将调用此URL 30次，并获取每个邮政编码的纬度和经度，并将它们放置在数组中.
and replace "zip" with the zip code foreach zip code. So if I have 30 zip codes, it calls this URL 30 times and grabs the Latitude and Longitude for each zip code and places them in an array.
问题是，在ajax调用完全构建数组之前，我正在尝试使用它.我正在做的一项工作是执行setTimeout()3秒钟，以便浏览器有时间完全构建数组，然后可以使用它.
The problem is, I'm trying to use my array before it's being fully built by the ajax call. A work around I'm doing is doing a setTimeout() for 3 seconds so the browser has time to fully build the array and then I can use it.
我当前正在使用
$.getJSON( "zip-codes.json", function(){}).done(function(locations){
// this .done() isnt actually working
});
下面是我的所有代码:
var marker_object = new Array;
// get location zip codes
$.getJSON( "zip-codes.json", function(){}).done(function(locations){
// for each zip code
$(locations.nodes).each(function(i, location_value){
var name = location_value.node.city+', '+location_value.node.state+'\n'+location_value.node.phone;
var zip = location_value.node.zip;
// if zip is not empty
if(zip != ''){
// get lat, long for each zip
$.getJSON( "http://api.geonames.org/postalCodeSearchJSON?postalcode="+zip+"&maxRows=1&username=midnetmedia", function(){}).done(function(long_lat){
// loop thru each zip code, even tho we only return 1 value at a time
$(long_lat.postalCodes).each(function(k,long_lat_value){
marker_object.push({latLng: [long_lat_value.lat, long_lat_value.lng], name: name});
});
}); // get lat, long for each zip
} // if not empty
}) // foreach location
}); // get zip codes
setTimeout(function(){
console.log( marker_object );
}, 3000);
"marker_object"的最终结果在最终构建时看起来像这样
The end result for the "marker_object" looks something like this when it's finally built
marker_object = [
{latLng: [34.079351, -117.455114], name: 'City 1'},
{latLng: [24.079351, -67.455114], name: 'City 2'},
{latLng: [14.079351, -36.455114], name: 'City 3'},
...
]
我怎么知道我的$ .getJSON何时完成?因为.done()对我不起作用.我应该改用$ .AJAX()吗?
How can I tell when my $.getJSON is actually done? because .done() isnt working for me. Should I be using $.AJAX() instead?
推荐答案
使用 .ajaxComplete()事件.
$(document).ajaxComplete(function(event, xhr, settings) {
alert("Ajax Complete")
});
根据其文档，
每当Ajax请求完成时，jQuery都会触发ajaxComplete事件.
这篇关于检测何时完成ajax的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！