的JQuery load（）和.prepend（）

Question

好了，所以我有以下代碼：

function() { 
$("ul#postbit").load('load.php').fadeIn("slow"); 
}, 3000); 

我所試圖實現的是裝載load.php後預先設置導致對<li>並讓它褪色目前它會覆蓋ul#postbit中的內容。我只希望它能夠加載新的結果並保留內部的內容。我希望這是有道理的。

Answer 1

​​方法被設計爲以這種方式工作，即將Ajax響應直接加載到您調用它的元素中。嘗試，而不是使用其他Ajax methods之一，例如：

$.get("load.php", function(data) { 
    $(data).prependTo("#postbit").fadeIn("slow"); 
}); 

這裏假設你的「load.php」返回的HTML包括li元素，這是你彷彿被描述時，你說你當前的代碼將覆蓋現有的列表每一次。如果你的「load.php」新裏只返回內容不<li>標籤，那麼你可以創建Li和預置它：

$.get("load.php", function(data) { 
    $("<li/>").html(data).prependTo("#postbit").fadeIn("slow"); 
}); 

編輯：有它不斷刷新你可以在上面封裝成函數你有setInterval()打電話，或做這樣的事情：

function getMoreData() { 
    $.get("load.php", function(data) { 
     $(data).prependTo("#postbit").fadeIn("slow"); 
    }).complete(function() { 
     setTimeout(getMoreData, 3000); 
    }); 
} 
getMoreData(); 

這使用setTimeout()安排的getMoreData() 3秒後另一個運行，但它以前的請求完成打完。

Answer 2

您應該查看jQuery API。這裏是AJAX的API：http://api.jquery.com/category/ajax/

$.ajax({ 
    url: 'load.php', 
    success: function(data) { 
     $("ul#postbit").prepend('<li>'+ data +'</li>'); 
    } 
});