Jquery 每个循环中的延迟请求 ajax

Question

3 天来，我一直在尝试寻找一种在我的代码中使用 JQuery 延迟方法的方法，但不幸的是我从未找到解决方案。

我有两个函数。第一个 init_items 发送第一个 ajax 请求以获取项目列表，然后循环使用这些项目名称发送其他请求以获取有关项目的矿石详细信息。所以在这个功能中，我想在第一个请求完成后，开始以下请求。

在点击时调用的第二个函数中，我希望系统在获取数据之前等待第一个函数完全完成（完成所有请求）。

    function init_items(id) {

        $.when(
            $.ajax({
                async: false,
                data: { type : type, name : domain },
                type: 'GET',
                url: 'select_items.php'
            }).done( function (data) {

           var promises=[];

            $.each( JSON.parse(data), function(k,v) {

                var code = v.code;

                getCurrentItem(code);

                var req = $.get("get_groups.php", { id: id }).done(function(data1) {

                res = JSON.parse(data1);
                global_news[domain] = res;

                promises.push( req );
            });

            return $.when.apply(null, promises).done(function(){
                console.log('done 1');
            });             
        });     
    }

    $("button[name='refresh_value']").on("click", function() {

        var id = $("select[name='id']").val();

        $.when(init_items(id)).done(function(n){
            console.log(n.num);
            console.log('all set');
        });
});

当前单击按钮时，函数 init_items 启动，但它不会等待结果显示信息。

看了很多case abudent, deferred, promises, when，但是一直没有解决这个问题

有人有想法吗？非常感谢您的帮助。

最佳，

山姆

Answer 1

谢谢大家。我已经找到了解决方案。我将功能分为两个功能。当第一个完成它的请求时，它调用第二个启动它在 promises 中声明的请求。

Jquery 每个循环中的延迟请求 ajax

Jquery deferred requests ajax from an each loop

javascript

ajax

jquery

deferred

jquery-deferred