如何使用 jquery 从页面数组中加载 - 按顺序

Question

我从一个页面中抓取了一堆链接，然后从这些页面中提取一个特定的内容元素。我刚刚创建的代码可以正常工作。

问题是因为请求是异步的，元素没有按顺序加载。我尝试添加延迟，但没有奏效。

我是否需要使用 .ajax 而不是 .load？如果是这样，这个循环追加在 .ajax 命令中会是什么样子？您仍然可以使用带有 url 的选择器吗？或者有没有一种有效的方法可以通过 .load 实现这一目标？

提前致谢。

    function runthis() {

var links = $("#article-slide-belt a").map(function() {
                return this.href;
            }).get();

$.each( links, function(i, l){

    $("<div>").load(l + " .gl_left", function() {
          $(".gl_left").append($(this).find(".gl_left").html());
    });

 });

}

Answer 1

您可以指定在第一个请求完成时加载的下一个链接 - 下面的代码不是很优雅，但它会做你想做的事

var links
var content_index=0;
$(document).ready( function() {
    links = $("#article-slide-belt a").map( function() {
        return this.href;
    }).get();
    loadContent()
})
function loadContent() {
    if (content_index<links.length) {
        $("div").load(links[content_index] + " .gl_left", function() {
            $(".gl_left").append($(this).find(".gl_left").html());
            content_index++;
            loadContent();
        });
    }
}

Answer 2

也许是这样：http://plugins.jquery.com/project/ajaxqueue

Answer 3

我尝试了同步 .ajax 路由。它以正确的顺序出现，但等待令人难以忍受。加载数据时需要可读的页面。

$.each( links, function(i, l){

$.ajax({        
     url: l,                         
     async: false,         
     success: function(data){
    var $response=$(data);

    $(".gl_left").append($response.find(".gl_left").html());

    }     
     });

 });