jquery刷新页面，不重复表单操作

Question

我需要找到一种刷新页面而不包含用户表单详细信息的方法 - 这会弄乱我的购物车系统（项目数量不断刷新）。当我离开商店页面然后回来时，问题就消失了。只有当我将商品添加到购物车时才点击刷新开始上涨的商品数量 - 因此表单信息仍然存储在商店页面上。

有没有办法说jquery来清除/重置表单 - 比如当我离开并返回页面时会发生什么。

我的网站是www.flytraptestsite.com，使用Woocommerce（wordpress） - 谢谢。

Answer 1

我猜想当用户浏览器在页面重新加载时提交表单时会出现问题。一种可能的解决方案可能是不使用window.location.reload()，而只是手动设置位置，如下所示：window.location.href = some_url。

一旦成功提交表单，您也可以通过执行HTTP重定向来解决此问题。这样，您稍后重新加载的页面是重定向到的页面，而不是最初接收表单提交的页面（因此可能仍然保留在帖子数据中）。

Answer 2

$('#form_id').each(function() {
    this.reset();
});

或者创建一个jquery表单重置方法：

jQuery.fn.reset = function () {
    $(this).each (function() {
        this.reset();
    });
}

$("#form_id").reset();

或者只是：

document.getElementById('form_id').reset();