Ajax Submit Form form page will still refresh the problem fast solution _ajax related

Make a half day originally click submit button Less added a type="button" turns out   <form >  <button id="sub" />   </form>  to be the result how to do will refresh the page, plus just fine

Automatic refresh after Ajax commit when button is present in ps:form form

In the memory of a pit (just learn the front desk, not very understand, the project himself dug a pit, haha ...) )
<form class= "Form-horizontal" >
<div class= "Form-group" >
<label class= "Col-sm-3" Control-label "> Modify data name:</label>
<div class=" col-sm-7 "> <input type=" text "placeholder=" test22 "Class=" Form-control ></div>
<div class= "col-sm-2" >
<button class= "Btn btn-primary" onclick= "Resetcertificatename" > Modification </button>
</div>
</div>
</form>

When a button label is present in the form, it is refreshed when the form is submitted asynchronously with Ajax. (It feels so weird)

Cause: When the button exists, it submits the form again, so the page is refreshed. button type='submit' button only has the function of submitting the form.

FIX: Button tag change to a label。<a class="btn btn-primary" onclick="resetCertificateName(14)">修改</a>

The above is a small set to introduce the AJAX Submission Form page will still refresh the problem of quick solution, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!