jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何在循环中生成多个ajax请求按顺序返回值?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我必须在循环上发出一系列Ajax请求.大约100个.每个请求都返回一个 JSONP变量.我从 JSON提取数据并继续将值附加到div中.问题是我希望div按函数调用的顺序附加数据.即顺序.现在每次刷新页面时都会得到不同的顺序,具体取决于请求完成的顺序.这是我的代码.

$.each(elem,function (index,item) {

            $.ajax({
                type: 'post',url: moviesSearchUrl + '&q=' + encodeURI(item) + '&page_limit=1',dataType: "jsonp",async: false,success: searchCallBACk
            });

            function searchCallBACk(data) {
                var movies = data.movies;

                var markup = index + ': '+   movies[0].title + '<img class=" bord" src="' + movies[0].posters.thumbnail + '" /><br/>';

                $("div.content").append(markup);
            }

        });
});

因为我在div中显示索引的值,每次我得到随机订单.有时为2 4 3 1 7,有时为1 5 2 7 4.我甚至尝试异步:false.这没有帮助.我在某处读到JSONP无法使用async:false.请帮帮我.

解决方法

你可以使用占位符.

$.each(elem,item) {

            var $placeholder = $('<div>').appendTo("div.content");

            $.ajax({
                type: 'post',success: searchCallBACk
            });

            function searchCallBACk(data) {
                var movies = data.movies;

                var markup = index + ': '+   movies[0].title + '<img class=" bord" src="' + movies[0].posters.thumbnail + '" /><br/>';

                $placeholder.replaceWith(markup);
            }

        });
});

大佬总结

以上是大佬教程为你收集整理的jquery – 如何在循环中生成多个ajax请求按顺序返回值?全部内容,希望文章能够帮你解决jquery – 如何在循环中生成多个ajax请求按顺序返回值?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。