Location.reload更加優雅/高效的解決方案

Question

風雲作弊：

我有一個帶有PHP功能的html頁面。函數在foreach循環中回顯數組中的元素。陣列的數據用於每個單獨的回波。

foreach ($DB->query($sql) as $v) { 
    echo $v['specificData']; 
} 

所有新元素都添加到數組與ajax。

問題：

我一直在使用location.reload每次添加新的元素時刷新頁面，所以它顯示UPS的時候了。問題在於該解決方案根本不夠優雅。

問題：

我的其他選擇是什麼？最簡單，越好。

感謝所有幫助和建議;）

P.S：我已經想過jquery.append()但我希望有人有一個更簡單的想法的xD

Answer 1

它應該很難用它來更新DOM以及。如果你想要一個有效的方法，那麼可能這是一條路。如果你想避免jQ更新站點，你可以簡單地寫一個基本的js函數。

function appendTo(parent, content) { 
    parent.innerHTML += "<p>"+content+"</p>"; 
} 

或

function appendToById(parentId, content) { 
    appendTo(document.getElementById(parentId), content); 
} 

Answer 2

刷新需要刷新頁面的只是一部分。您可以順利通過一旦成功AJAX回調做jQuery中是這樣做的：如果你已經使用AJAX將數據發送回服務器

$(element).fadeOut(function(){ 
    $(element).html(ajax_response_here).fadeIn(); // .html() or .append() whichever makes more sense 
});