如何添加列表項而不用在JQuery中創建新的html元素？

Question

我有一個無序列表與幾個列表元素。現在通過Jquery，我想從我的數據庫中加載更多的項目，然後將它們追加到我的列表中。我的代碼：

$("#somediv").append($("<div>").load("ajax.php?action=getresults", function() 
{ 
    $('#busy').delay(1500).fadeOut(700); 
})); 

這裏的問題是，我不想要一個新的HTML添加到我的無序列表，通過我的Ajax請求我的列表中的項目將被「創造」。所以我的ajax請求會例如返回<li>some value</li>然後這應該被追加到ul。所以其實我想這樣做

$("#somediv").append($("").load("ajax.php?action=getresults", function() 
{ 
    $('#busy').delay(1500).fadeOut(700); 
})); 

什麼是追加內容沒有（在這種情況下的div元素）創建一個新的HTML元素的JQuery解決？

Answer 1

如果我正確地理解了您的問題，您需要使用ajax()而不是load()，以便更好地控制接收到的數據會發生什麼情況。試試這個：

$.ajax({ 
    url: "ajax.php?action=getresults", 
    dataType: "html", 
    success: function(html) { 
     $("#somediv").append(html); 
     $('#busy').delay(1500).fadeOut(700); 
    } 
}); 

Answer 2

清潔方式，我認爲：

$.get("ajax.php?action=getresults", function(html){ 
    $("#somediv").append(html); 
    $('#busy').delay(1500).fadeOut(700); 
});​​​