快捷導(dǎo)航

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

更新時(shí)間：2017年01月03日 14:18:59 作者：jcyzxf

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

注：使用ajax 提交表單時(shí) 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提交表單頁(yè)面刷新很快的解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

Ajax傳遞中文參數(shù)到后臺(tái)亂碼的有效解決方法
使用Ajax傳遞中文參數(shù)，如果不對(duì)參數(shù)進(jìn)行處理的話，傳到后臺(tái)會(huì)變成亂碼，解決方法很簡(jiǎn)單，需要的朋友可以參考下本文
2014-05-05
Ajax實(shí)現(xiàn)城市二級(jí)聯(lián)動(dòng)（三）
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)城市二級(jí)聯(lián)動(dòng)的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
使用jQuery簡(jiǎn)化Ajax開發(fā)
jQuery 是一個(gè)JavaScript 庫(kù)，它有助于簡(jiǎn)化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 編程。與類似的 JavaScript 庫(kù)不同，jQuery 具有獨(dú)特的基本原理，可以簡(jiǎn)潔地表示常見的復(fù)雜代碼。
2009-11-11
使用ajax跨域調(diào)用springboot框架的api傳輸文件
這篇文章主要介紹了使用ajax跨域調(diào)用springboot框架的api傳輸文件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-12-12
Ajax無(wú)刷新分頁(yè)的性能優(yōu)化方法
這篇文章主要介紹了Ajax無(wú)刷新分頁(yè)的性能優(yōu)化方法的相關(guān)資料,需要的朋友可以參考下
2015-04-04
ajax接口文檔url路徑的簡(jiǎn)寫實(shí)例
前端工程師將來(lái)打交道最多的是Http API接口,此種接口會(huì)提供一個(gè)URL地址暴露在互聯(lián)網(wǎng)上,可以通過(guò)編寫Ajax代碼去與之交互來(lái)完成功能,下面這篇文章主要給大家介紹了關(guān)于ajax接口文檔url路徑簡(jiǎn)寫的相關(guān)資料,需要的朋友可以參考下
2021-10-10
asp簡(jiǎn)單的ajax留言板
asp簡(jiǎn)單的ajax留言板...
2006-09-09
Ajax提交Form表單頁(yè)面仍會(huì)刷新問(wèn)題的快速解決辦法
這篇文章主要介紹了 Ajax提交Form表單頁(yè)面仍會(huì)刷新問(wèn)題的快速解決辦法,以及form 表單中存在button時(shí)ajax提交后自動(dòng)刷新問(wèn)題，需要的朋友可以參考下
2016-12-12
Ajax修改購(gòu)物車示例
這篇文章主要介紹了Ajax修改購(gòu)物車的思路及具體實(shí)現(xiàn)，需要的朋友可以參考下
2014-07-07
淺談Bootstrap的DatePicker日期范圍選擇
下面小編就為大家?guī)?lái)一篇淺談Bootstrap的DatePicker日期范圍選擇。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10