什麼是$（「＃myDiv」）。html（myResult）的更好替代方案;在這種情況下？

我目前使用Ajax來更新信息提要。 Ajax應將添加到當前的結果列表而不是替換現有的結果。

到目前爲止，我已經創造了從數據庫中讀取數據所需要的阿賈克斯，但在回調函數中，我使用下面的回調函數

fetchPosts.onreadystatechange = function() { 
    if(fetchPosts.readyState === 4) { 
     $("#resultfeed").html(fetchPosts.responseText); 
    } 
}

顯然在回調函數中使用$("#resultfeed").html(fetchPosts.responseText);意味着任何之前結果在頁面上被覆蓋。我怎樣才能改變這個結果，使結果添加到當前的結果列表中？

來源

2016-09-13 John Smith

使用.prepend（），.append（）函數 –

貴飼料只提供新的結果，並沒有這已經被渲染的重複？ – Yoda

除了$（「＃resultfeed」）。append（fetchPosts.responseText）;或$（「＃resultfeed」）。prepend（fetchPosts.responseText）;你可能想用JQuery來完成ajax調用，例如$ .get（「ajax/test.html」，function（data）{（「＃resultfeed」）。append（data）; }）; –

使用追加或預先準備

$("#resultfeed").append(fetchPosts.responseText); // Adds at the end 
$("#resultfeed").prepend(fetchPosts.responseText); // Adds at the top

來源

2016-09-13 13:20:14 KrishCdbry

感謝您的回覆。我已經嘗試了這兩種方法，但似乎都沒有奏效......在這兩種情況下，第一次執行該功能時，結果都會顯示出來。但是，如果再次執行該功能，則不會更改結果列表。任何想法，爲什麼這可能是？ –

無可否認，我目前正在嘗試兩次提取相同的數據 - 這可能是問題嗎？ –

它應該完美地工作。我給你這個鏈接append的基本功能和prepend https://jsbin.com/dalovow/6/edit?html,js,console,output希望這有助於 – KrishCdbry

什麼是$（「＃myDiv」）。html（myResult）的更好替代方案;在這種情況下？

回答

相關問題