Die Seite mit dem Ajax-Übermittlungsformular wird schnell mit Beispielen aktualisiert

In diesem Artikel wird hauptsächlich die Lösung zum schnellen Aktualisieren der Ajax-Einreichungsformularseite vorgestellt. Freunde, die sie benötigen, können darauf verweisen.

Hinweis: Wenn Sie Ajax zum Senden eines Formulars verwenden, ist es am besten, nicht die Schaltfläche „Senden“ zu verwenden.

<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>

Verwandte Empfehlungen:

Zusammenfassung von JS-Seitenaktualisierungsmethoden

Mehrere Möglichkeiten, die Seite mit Javascript zu aktualisieren

Teilen Sie die Grafik- und Texterklärung, wie die Seite aktualisiert wird, ohne zu springen nach dem Absenden des Formulars

Das obige ist der detaillierte Inhalt vonDie Seite mit dem Ajax-Übermittlungsformular wird schnell mit Beispielen aktualisiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!