JavaScript/jQuery：如何在 each() 循环完成后运行一个函数？

Question

我有以下内容。基本上发生的事情是我预填了所有 dropdowns/select 选项。然后我检索当前记录的数据和 select 每个 dropdown/select 选项的适当值。

$(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 中有多少个元素，制作一个计数变量并在完成的函数中包含对最后一个元素的 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();
    });
});

JavaScript/jQuery：如何在 each() 循环完成后运行一个函数？

JavaScript/jQuery: How to run a function after an each() loop has finished?

javascript

each

jquery

loops

JavaScript/jQuery：如何在 each() 循环完成后 运行 一个函数？

JavaScript/jQuery: How to run a function after an each() loop has finished?

javascript

each

jquery

loops

JavaScript/jQuery：如何在 each() 循环完成后运行一个函数？