首頁 >web前端 >Layui教程 >如何解決layui表單提交兩人次

如何解決layui表單提交兩人次

咔咔
咔咔原創
2020-12-25 18:09:402735瀏覽

槽糕layui表單會提交倆次,你遇過嗎?

前言

使用這個layui已經快倆年時間了,剛剛新搭xadmin的框架,於是就出現了表單會重複提交這個問題,很懊惱啊!

如果你想直接知道解決方案,那就直接到第三小節即可。

一、一開始操作

首先來看看咔咔都做了什麼操作。

使用的xadmin模板,估計是沒有把js檔案引全面造成的問題。

###咔咔想實現的效果如下圖。 ###
如何解決layui表單提交兩人次
實作效果圖一
如何解決layui表單提交兩人次
實作效果圖二

這是已經實現的效果,之前是沒有的,就是因為加了這個玩意釀成的果實。

不知道你們平常開發是怎麼找程式碼的,咔咔是直接去程式碼庫裡邊直接搜尋連結格式不正確

下圖就是喀喀搜尋出來的結果,那麼接下來就是引進這個js檔案試試看!

如何解決layui表單提交兩人次
需要的js檔案

於是拿起鍵盤就是乾,將這個檔案給引入進去

如何解決layui表單提交兩人次
引入的js檔案

以上就是釀成後果的原有!

二、問題重現

#新增一條資料

如何解決layui表單提交兩人次
新增數據

果然沒讓人失望,出現了兩個條數據,哈哈!懵逼了

如何解決layui表單提交兩人次
返回結果

三、解決問題

其實出現這個問題就是粗心大意造成了,還有就是對layui框架還是不熟悉。

解決方案就是將form這個js檔案乾掉即可,是不是很搞笑,嗯吶!十分搞笑。

如何解決layui表單提交兩人次
js檔案

當你開啟layui.js檔案時就會恍然大悟

原來,layui.js自動所有包含了modules模組,我本地額外的引入了,所以會出現這樣的情況。

layui.如何解決layui表單提交兩人次
layui.js檔案

當然問題不只是咔咔這種情況。

如果連續引用兩次layui.all.js檔案, 會導致連續觸發兩次, 或先引用layui.all.js檔案,然後在引用layui.js檔案也會觸發兩次, 請細心檢查自己引用的檔案!!!

引用了layui.all.js檔案之後, 再次引用了layui.js, 導致連續觸發了兩次!

##「堅持學習、堅持寫博、堅持分享是咔咔從業以來一直所秉持的信念。希望在偌大互聯網中咔咔的文章能帶給你一絲絲幫助。我是咔咔,下期見。

#

以上是如何解決layui表單提交兩人次的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn