關(guān)于在LayUI中使用AJAX提交巨坑記錄
如下所示：
<script>
layui.use(['layer', 'form','laydate'], function(){
var layer = layui.layer
,laydate=layui.laydate
,form = layui.form;
form.on('submit(go)', function(data){
$.ajax({
url:'/user/addOrUpdate',
method:'post',
data:data.field,
dataType:'JSON',
success:function(res){
if(res.code='0'){
parent.closeIframe(res.msg);
}
else
alert(res.msg);
},
error:function (data) {
}
})
return false;
});
});
</script>
上面代碼的紅色部分就是天坑：
癥狀：一個(gè)簡(jiǎn)單的AJAX提交表單操作，經(jīng)常發(fā)生后臺(tái)數(shù)據(jù)保存好了，前端layer彈出層沒(méi)有關(guān)閉，父頁(yè)面沒(méi)有刷新，定位發(fā)現(xiàn)是回調(diào)函數(shù)沒(méi)有執(zhí)行?。?！用Google Chrome瀏覽器這種現(xiàn)象較少，2而Safari 和 firefox瀏覽器100%發(fā)生。
解決過(guò)程：困擾了很久，以為是哪里代碼有問(wèn)題，檢查來(lái)檢查去沒(méi)發(fā)現(xiàn)問(wèn)題，后來(lái)基本定位到layUI這個(gè)框架。
結(jié)果：加上 紅色字體 return false，解決??！
附上官方文檔關(guān)于這里的說(shuō)明！！
form.on('submit(*)', function(data){
console.log(data.elem) //被執(zhí)行事件的元素DOM對(duì)象，一般為button對(duì)象
console.log(data.form) //被執(zhí)行提交的form對(duì)象，一般在存在form標(biāo)簽時(shí)才會(huì)返回
console.log(data.field) //當(dāng)前容器的全部表單字段，名值對(duì)形式：{name: value}
return false; //阻止表單跳轉(zhuǎn)。如果需要表單跳轉(zhuǎn)，去掉這段即可。
});
這是個(gè)毛意思？AJAX提交的時(shí)候坑咋不說(shuō)？
以上這篇關(guān)于在LayUI中使用AJAX提交巨坑記錄就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
在小程序中集成redux/immutable/thunk第三方庫(kù)的方法
這篇文章主要介紹了在小程序中集成redux/immutable/thunk第三方庫(kù)的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
微信小程序返回箭頭跳轉(zhuǎn)到指定頁(yè)面實(shí)例解析
這篇文章主要介紹了微信小程序返回箭頭跳轉(zhuǎn)到指定頁(yè)面實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
javascript中mouseover、mouseout使用詳解
這篇文章主要介紹了javascript中mouseover、mouseout使用詳解的相關(guān)資料,需要的朋友可以參考下2015-07-07
javaScript實(shí)現(xiàn)滾動(dòng)條事件詳解
這篇文章主要為大家詳細(xì)介紹了javaScript實(shí)現(xiàn)滾動(dòng)條事件的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
javascript基于定時(shí)器實(shí)現(xiàn)進(jìn)度條功能實(shí)例
這篇文章主要介紹了javascript基于定時(shí)器實(shí)現(xiàn)進(jìn)度條功能,簡(jiǎn)單分析了javascript定時(shí)器的功能、使用方法并給出了基于定時(shí)器實(shí)現(xiàn)的進(jìn)度條功能實(shí)例,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了JS中FRAME的操作問(wèn)題實(shí)例分析,詳細(xì)講述了js針對(duì)frame框架操作中的各種訪(fǎng)問(wèn)問(wèn)題,需要的朋友可以參考下2014-10-10
很多時(shí)候?yàn)榱孙@示格式，需要在某一字符串不滿(mǎn)位的情況下進(jìn)行前補(bǔ)0操作。下面這篇文章就給大家主要介紹了javascript添加前置0(補(bǔ)零)的幾種方法,文中給出了詳細(xì)的示例代碼，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-01-01
JavaScript中5種調(diào)用函數(shù)的方法
這篇文章主要介紹了JavaScript中5種調(diào)用函數(shù)的方法,本文詳細(xì)的介紹了Javascript中各種函數(shù)調(diào)用的方法及其原理,對(duì)于理解JavaScript的函數(shù)有很大的幫助,需要的朋友可以參考下2015-03-03
JavaScript基于inquirer封裝一個(gè)控制臺(tái)文件選擇器
這篇文章主要介紹了JavaScript基于inquirer封裝一個(gè)控制臺(tái)文件選擇器，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的朋友可以參考一下2022-08-08
這篇文章主要為大家詳細(xì)介紹了基于vue實(shí)現(xiàn)可搜索下拉框定制組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-06-06