Maison > interface Web > js tutoriel > le corps du texte

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

php中世界最好的语言
Libérer: 2018-04-02 17:24:32
original
3145 Les gens l'ont consulté

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal