如何添加列表项而不用在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); 
});​​​