Each time an ajax request is made, the page should refresh without clearing all form fields upon loading
Custom Form
<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>
When a user clicks on custom tax, an ajax call is triggered which saves the new_tax in the database and adds it to the list automatically.
AJAX Function
$(".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
});
});
Now, each time an ajax request is made and a user adds a new tax, the page should reload without clearing the form fields that have been entered.