尝试循环 ajax 加载调用

Question

我正在尝试制作一个简单的循环，其中元素被多次加载。

循环工作正常，控制台.log显示它确实循环了 5 次，但是当我查看应该具有我想要的内容的div 时，它只有一次div。

我不太清楚为什么它不起作用（注意我对 ajax 很陌生）。

这是我的代码：

// Jquery ajax loop (broken)
for (var i = 1; i <= 5; i++) {
    $(".WWBestelling").load("./demo.txt .ItemSmall");
    console.log("Item Added");
}

Answer 1

for (var i = 1; i <= 5; i++) {
    $('.WWBestelling').append($('<div>').load("./demo.txt .ItemSmall"));
    console.log("Item Appended");
}

Answer 2

因为旧的将被新的替换。

您可以使用$.get获取内容，然后附加到目标div，而不是.load。

for (var i = 1; i <= 5; i++) {
    $.get('./demo.txt', function(data) {
        $(data).find('.ItemSmall').appendTo('.WWBestelling');
        console.log("Item Added");
    });
}