JavaScript/jQuery:each()循环结束后，如何运行函数

Question

我有以下内容。基本上发生的是，我预先填充了所有的下拉菜单/选择选项。然后，我检索当前记录的数据，并为每个下拉/选择选项选择适当的值。

$(dropdowns_sql).each(function (key, value) {
var sql = value.sql;
var dropdown = value.dropdown;
$.post(d + '/inc/db.asp', {
type: value.sql
}, function (data) {
json_object = JSON.parse(data);
}).done(function () {
$.each(json_object, function (k, v) {
$('#' + dropdown).append($("<option></option>").attr("value", v[sql]).text(v[sql]));
});
});
});
get_record_data();

我的问题是如何确保get_record_data();在循环完成后运行？正如您所看到的，我在循环中发出POST请求，所以我发现有时这些请求在调用get_record_data();之前不会完成。

我确实尝试过：

$( document ).ajaxStop(function() {
get_record_data();
});

然而，由于get_record_data();也在执行AJAX请求，我发现它只是进入了一个无限循环

function get_record_data() {
$.post(d + '/inc/db.asp', {
type: 'get_record',
id: complex_record_id
}, function (data) {
...

有什么建议吗我也需要IE11的支持

谢谢。

Answer 1

知道dropdowns_sql中有多少元素，制作一个count var，并在最后一个元素的done函数中包含get_record_data调用。

类似于：

var count = dropdowns_sql.length;
$(dropdowns_sql).each(function (key, value) {
var sql = value.sql;
var dropdown = value.dropdown;
$.post(d + '/inc/db.asp', {
type: value.sql
}, function (data) {
json_object = JSON.parse(data);
}).done(function () {
$.each(json_object, function (k, v) {
$('#' + dropdown).append($("<option></option>").attr("value", v[sql]).text(v[sql]));
});
if (!--count) get_record_data();
});
});