Location.reload更优雅/高效的解决方案

Question

情况：

我有一个带有PHP函数的html页面。 该函数在foreach循环中回显数组的元素。 数组的数据用于每个单独的回波中。

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

所有新元素都使用ajax添加到数组中。

问题：

每次添加新元素时，我一直在使用location.reload刷新页面，以便立即显示它。 问题在于该解决方案根本不够优雅/高效。

题：

我还有其他选择吗？ 最简单，更好。

感谢任何帮助和建议;）

PS：我已经考虑过jquery.append()但我希望有人对xD有一个更简单的想法

Answer 1

仅刷新页面中需要刷新的部分。 成功的AJAX回调后，您可以通过在jQuery中执行以下操作来使其变得平滑：

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

Answer 2

如果您已经使用ajax将数据发送回服务器，则也很难使用它来更新dom。 如果您想要一种有效的方法，那么可能就是这样。 如果要避免使用jQ来更新站点，则只需编写一个基本的js函数。

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

要么

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