這篇文章主要為大家展示了“Ajax提交表單頁面刷新很快的示例分析”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“Ajax提交表單頁面刷新很快的示例分析”這篇文章吧。

網站建設哪家好，找成都創新互聯公司！專注于網頁設計、網站建設、微信開發、小程序開發、集團企業網站建設等服務項目。為回饋新老客戶創新互聯還提供了珠暉免費建站歡迎大家使用！

注：使用ajax 提交表單時 type類型最好不用submit 用button合適

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

以上是“Ajax提交表單頁面刷新很快的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

本文標題：Ajax提交表單頁面刷新很快的示例分析
文章路徑：http://vcdvsql.cn/article28/gjcecp.html

成都網站建設公司_創新互聯，為您提供軟件開發、關鍵詞優化、小程序開發、商城網站、企業網站制作、網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯