首頁 > web前端 > js教程 > Ajax提交表單頁面刷新很快的解決方法

Ajax提交表單頁面刷新很快的解決方法

亚连
發布: 2018-05-23 10:14:54
原創
2230 人瀏覽過

這篇文章主要介紹了Ajax提交表單頁面刷新很快的解決方法,需要的朋友可以參考下

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

<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>
登入後複製

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

Ajax開啟新視窗被瀏覽器攔截的兩個解決方案

解決微信返回上一頁,頁面中的AJAX的請求,對Get請求無效的問題

ajax實作非同步檔案或圖片上傳功能

以上是Ajax提交表單頁面刷新很快的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板