Maison >interface Web >js tutoriel >Comment empêcher l'actualisation après qu'Ajax ait soumis la page du formulaire
Cette fois, je vais vous montrer comment empêcher l'actualisation après qu'Ajax a soumis la page du formulaire. Quelles sont les précautions pour empêcher l'actualisation après qu'Ajax a soumis la page du formulaire. Voici un cas pratique, jetons un coup d'œil. .
Remarque : lorsque vous utilisez ajax pour soumettre un formulaire, il est préférable de ne pas utiliser submit comme type de type. Il est approprié d'utiliser le bouton
<form> <p class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3"> <input type="button" class="btn btn-info" value="重置" onclick="return resetaa()"> <input type="button" class="btn btn-success" value="提交" onclick="return formCheck()"> </form> <script type="text/JavaScript"> function formCheck(){ $.ajax({ type: "post", url:'/fudaMes/orderInfo/insertOrderInfo', data:$('#formId').serialize(),// 你的formid async: true, error: function(request) { new PNotify({ title: '提交失败', text: '信息录入失败', type: 'error', styling: 'bootstrap3' }); }, success: function(data) { if(data=="success"){ new PNotify({ title: '提交成功', text: '订单信息已录入', type: 'success', styling: 'bootstrap3' }); }else{ new PNotify({ title: '提交失败', text: '信息录入失败', type: 'error', styling: 'bootstrap3' }); } } }); } </script>
I. je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article, plus Veuillez faire attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Téléchargement asynchrone de fichiers ou d'images ajax
Implémentation AJAX sans actualisation de la connexion
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!