在不刷新页面的情况下加载新内容，函数后的 JavaScript答案

【问题标题】：load new content without refresh page, JavaScript after function在不刷新页面的情况下加载新内容，函数后的 JavaScript
【发布时间】：2020-09-02 19:57:28
【问题描述】：

$("span.removeFromCart").on("click",function(){
    var id = $(this).attr("data-id");
    $.ajax({
        type: "GET",
        url: "ajax.php?id="+id+"&action=remove"         
    })
    .done(function()
    {
        location.reload();
    });
});

我有一个购物车，购物车商品的数量旁边有 - 和 +。它只有在 location.reload() 之后才能正常工作和更新，如上所述。

我想尝试在不使用 location.reload() 的情况下更新内容，因为它会导致我的切换购物车在重新加载页面后隐藏。在不重新加载整个页面的情况下刷新此 div 或页面上的内容是否容易？

非常感谢

【问题讨论】：

对，所以，你给我们的例子是“删除”，所以你需要做的就是从 html 中的购物车中删除该项目，假设它是成功的。无需重新加载整个页面。

标签： javascript jquery ajax

【解决方案1】：

这是可能的，但您似乎不明白它会带来什么。

为了更新“切换”，您需要重新渲染（或重新创建）这可以通过 JavaScript 模板（如把手或下划线模板）来完成。或者您可以只刷新需要更新的页面部分。您可能想尝试一种叫做 pjax 的东西。

https://github.com/Jrizzi1/pjaxphp

【讨论】：