如何使用清除表单域重新加载ajax调用页面？

每当AJAX调用的页面应该被重新加载，但形式各领域不应该获得的页面加载如何使用清除表单域重新加载ajax调用页面？

我的形式清除

<form method='post'> 
<input type='text' placeholder='product'/> 
<input type='number' placeholder='cost'/> 
<input type='number' placeholder='tax'/> 
<button type='button' id="cust_tax" data-toggle="collapse" data-target="#cust_tax">Custom tax</button> 
<input type='number' placeholder='new tax' id="cust_tax" class="collapse"/> 
<input type='button' class='apply_tax'>New tax add</button> 
<input type='submit'/> 
</form>

在自定义的税收用户点击有一个Ajax调用将new_tax保存在数据库中，并自动添加到列表中。

我的AJAX

$(".tax_apply").click(function() { 
var tax_name = document.getElementById("tax_name").value; 
var tax_value = document.getElementById("tax_value").value; 
ajaxPost('/myurl',{'user':user,'tax_name':tax_name,'tax_value':tax_value},function(result){ 
        alert('new tax added'); 
       //reload page 
        }); 
});

现在每当AJAX调用和用户添加新的税种，应该重新加载，他已经进入不应该得到清除

来源

2017-06-15 c.grey

为什么_it应该重新加载page_？ – Rayon

由于一些支持问题无法解决 –

我认为你应该发布/询问/解决这个问题，而不是问这个补丁！ – Rayon

所以，你可以做的是附加页面，但表单字段您的表单字段的事件侦听器，将输入的内容保存到localStorage中的对象，然后在页面加载时，您可以检索该内容并将其放回到各自的字段中。

下面是你可能做的一个例子。

$(myCollectionOfFields).keyup(function(){ 
    $(myFormFields).each(function(){  
     var id = $(this).attr('id'); 
     var value = $(this).val(); 
     localStorage.setItem(id, value); 

    }); 
}); 

$(document).ready(function() { 
    $(myFormFields).each(function(){  
     var id = $(this).attr('id'); 
     var value = localStorage.getItem(id); 

     $(this).val(value); 

    }); 
});

我觉得我必须指出的是，这种感觉就像一个容易出错的解决方案（例如，并不是所有的用户允许的localStorage），而且我会解决你所提到的，而不是使用这种方法的后端问题。

但它可以做理论上的工作。

来源

2017-06-15 06:38:40

如何使用清除表单域重新加载ajax调用页面？

回答

相关问题