阿賈克斯：頂部

Question

追加列表項我打電話使用AJAX的附加返回的HTML usign下面

$.ajax({ 
    type: "POST", 
    url: "proc/process.php", 
    data: dataString, 
    cache: false, 
    success: function(html){ 
     $("ul#lists").append(html); 
     $("ul#lists li:last").fadeIn("slow"); 
     $("#flash").hide(); 
    } 
}); 

代碼它在UL＃結束追加<li></li>項目一個PHP處理文件名單。我希望返回的列表項<li></li>位於列表的頂部，而不是最後添加。我怎麼做？？

Answer 1

您可以嘗試.prepend()功能：

$("ul#lists").prepend(html); 
$("ul#lists li:first").fadeIn("slow"); 

而且這裏有一個live demo。

Answer 2

這裏是你想要的東西：

$.ajax({ 
type: "POST", 
url: "proc/process.php", 
data: dataString, 
cache: false, 
success: function(retHtml){ 
    var oldhtml = $("ul#lists").html(); 
    $("ul#lists").html(retHtml + oldhtml); 
    $("ul#lists li:first").fadeIn("slow"); 
    $("#flash").hide(); 
} 
});