試圖循環AJAX調用加載

Question

我試圖做一個簡單的循環，其中一個元素被載入多次。

環路正常工作和執行console.log顯示它得到循環5次，但是當我看着都應該有我想要的內容股利只有股利一次。

我不太知道爲什麼它不會工作（注意，我很新的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

由於舊的將被新的取代。

而不是.load，您可以使用$.get獲取內容，然後將其附加到目標div。

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

Answer 3

使用下面的代碼爲./demo.txt是不正確的

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