Maison >interface Web >js tutoriel >Comment empêcher l'actualisation après qu'Ajax ait soumis la page du formulaire

Comment empêcher l'actualisation après qu'Ajax ait soumis la page du formulaire

php中世界最好的语言
php中世界最好的语言original
2018-04-02 17:24:323153parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn