La page du formulaire de soumission Ajax s'actualise rapidement avec des exemples

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. J'espère que cela pourra aider tout le monde.

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>

Recommandations associées :

<.>

Résumé des méthodes d'actualisation de page JS

Plusieurs façons d'actualiser la page en utilisant javascript

Partager l'explication graphique et textuelle de comment la page s'actualise sans sauter après avoir soumis le formulaire

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!