Maison >interface Web >js tutoriel >La page du formulaire de soumission Ajax s'actualise rapidement, solution

La page du formulaire de soumission Ajax s'actualise rapidement, solution

亚连
亚连original
2018-05-23 10:14:542239parcourir

Cet article présente principalement la solution pour actualiser rapidement la page du formulaire de soumission Ajax. Les amis qui en ont besoin peuvent s'y référer

Remarque : lorsque vous utilisez ajax pour soumettre le formulaire, il est préférable de ne pas le faire. utilisez soumettre mais pour utiliser le bouton approprié

<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:&#39;/fudaMes/orderInfo/insertOrderInfo&#39;,
       data:$(&#39;#formId&#39;).serialize(),// 你的formid
       async: true,
       error: function(request) {
       new PNotify({
           title: &#39;提交失败&#39;,
           text: &#39;信息录入失败&#39;,
           type: &#39;error&#39;,
           styling: &#39;bootstrap3&#39;
         });
       },
       success: function(data) {
      if(data=="success"){
          new PNotify({
             title: &#39;提交成功&#39;,
             text: &#39;订单信息已录入&#39;,
             type: &#39;success&#39;,
             styling: &#39;bootstrap3&#39;
           });  
       }else{
      new PNotify({
             title: &#39;提交失败&#39;,
             text: &#39;信息录入失败&#39;,
             type: &#39;error&#39;,
             styling: &#39;bootstrap3&#39;
           });
      } 
       }
     });
   }
</script>

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

Deux solutions pour qu'Ajax ouvre une nouvelle fenêtre et soit intercepté par le navigateur

Solution pour WeChat Retour au page précédente, les requêtes AJAX dans la page ne sont pas valides pour les requêtes Get

ajax implémente la fonction de téléchargement de fichiers ou d'images asynchrones

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