我以前从未使用回调函数，因此我可能犯了一个非常愚蠢的错误。我认为我在这里有点理解问题，但不知道如何解决它。
我的代码（有点简化）是：
for (var i = 0; i < some_array.length; i++) {
var title = some_array[i];
$.getJSON('some.url/' + title, function(data) {
do_something_with_data(data, i);
}
据我理解，只有在getJSON()接收到数据后才会调用这个匿名函数。但是此时，i没有我所需的值。或者说，根据我的观察，它具有循环结束后最后一个值（难道不应该越界吗？）。
因此，如果数组的大小为6，则do_something_with_data()将被调用五次，每次使用值5。
现在我想，只需将i传递给匿名函数即可
function(data, i) { }
但似乎这是不可能的。i现在未定义。
var title, i;
for (i = 0; i < some_array.length; i += 1) {
title = some_array[i];
$.getJSON(
'some.url/' + title,
(function(thisi) {
return function(data) {
do_something_with_data(data, thisi);
// Break the closure over `i` via the parameter `thisi`,
// which will hold the correct value from *invocation* time.
};
}(i)) // calling the function with the current value
);
}
为了更清晰，我将其分成一个单独的函数，这样你就可以看到发生了什么：
function createCallback(item) {
return function(data) {
do_something_with_data(data, item);
// This reference to the `item` parameter does create a closure on it.
// However, its scope means that no caller function can change its value.
// Thus, since we don't change `item` anywhere inside `createCallback`, it
// will have the value as it was at the time the createCallback function
// was invoked.
};
}
var title, i, l = some_array.length;
for (i = 0; i < l; i += 1) {
title = some_array[i];
$.getJSON('some.url/' + title, createCallback(i));
// Note how this parameter is not a *reference* to the createCallback function,
// but the *value that invoking createCallback() returns*, which is a function taking one `data` parameter.
}
title变量来替代i，这样就不需要回到some_array了。但是无论哪种方式都可以，你知道自己想要什么。createCallback函数）本质上将i变量的值转换为单独的thisi变量，每次引入具有自己作用域的新函数。也许可以说，“参数将值从闭包中分离出来”。for (var i = 0; i < some_array.length; i++) {
var title = some_array[i];
$.getJSON('some.url/' + title, (function() {
var ii = i;
return function(data) {
do_something_with_data(data, ii);
};
})());
}
some.url 上的服务，那么最好的做法是不要为 some_array 中的每个项目单独发起HTTP请求，而是将数组中的所有项目一次性传递给一个HTTP请求。这样会更加高效。$.getJSON('some.url', { items: some_array }, callback);
您的数组将被JSON序列化并POST到服务器。假设some_array是一个字符串数组，请求将如下所示：
POST some.url HTTP/1.1
...
{'items':['a','b','c', ... ]}
您的服务器脚本应从请求正文反序列化JSON请求，并循环遍历items数组中的每个项目，返回JSON序列化的响应数组。
HTTP/1.1 200 OK
...
{'items':[{id:0, ... }, {id:1, ... }, ... ]}
（或者您返回的任何数据）如果您的响应项与请求项的顺序相同，那么将它们拼接在一起就很容易。在成功的回调函数中，只需要将项目索引与some_array的索引匹配即可。将所有内容组合在一起：
$.getJSON('some.url', { items: some_array }, function(data) {
for (var i = 0; i < data.items.length; i++) {
do_something_with_data(data.items[i], i);
}
});
var i, title;
for (i = 0; i < some_array.length; i++) {
title = some_array[i];
$.getJSON('some.url/' + title, (function(i_copy) {
return function(data) {
do_something_with_data(data, i_copy);
};
})(i));
}
我认为某些浏览器在同时进行多个异步调用时会出现问题，因此您可以逐个进行调用：
var i;
function DoOne(data)
{
if (i >= 0)
do_something_with_data(data, i);
if (++i >= some_array.length)
return;
var title = some_array[i];
$.getJSON('some.url/' + title, DoOne);
}
// to start the chain:
i = -1;
DoOne(null);
async:false。它会导致整个浏览器，包括UI线程，在网络请求期间被锁定。如果你冻结了用户的浏览器，他们会非常不开心。 - josh3736var persons = [
{ Location: 'MK6', Bio: 'System administrator' },
{ Location: 'LU4', Bio: 'Project officer' },
{ Location: 'B37', Bio: 'Renewable energy hardware installer' },
{ Location: 'S23', Bio: 'Associate lecturer and first hardware triallist' },
{ Location: 'EH12', Bio: 'Associate lecturer with a solar PV installation' }
];
function initMap() {
var map = new google.maps.Map(document.getElementById('map_canvas'), {
center: startLatLon,
minZoom: 5,
maxZoom: 11,
zoom: 5
});
$.each(persons, function(x, person) {
$.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address=' + person.Location, null, function (data) {
var p = data.results[0].geometry.location;
var latlng = new google.maps.LatLng(p.lat, p.lng);
var image = 'images/solarenergy.png';
var marker = new google.maps.Marker({
position: latlng,
map: map,
icon: image,
title: person.Bio
});
google.maps.event.addListener(marker, "click", function (e) {
document.getElementById('info').value = person.Bio;
});
});
});
}