Question

我试图在我的代码中找到一种使用JQuery延迟方法的方法，但遗憾的是我找不到解决方案。

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

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

    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启动，但不会等待结果显示信息。

我已经阅读了很多案例，但是我还没有解决这个问题。

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

最佳，

萨姆

Answer 1

谢谢你们。我找到了解决方案。我在两个函数中分离了函数。当第一个请求完成后，它会调用第二个请求启动它在promises中声明的请求。

Jquery延迟从每个循环

1 个答案: