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

「

槽糕layui表單會提交倆次，你遇過嗎？

」

前言

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

「

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

」

一、一開始操作

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

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

###咔咔想實現的效果如下圖。 ###

實作效果圖一

實作效果圖二

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

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

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

需要的js檔案

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

引入的js檔案

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

二、問題重現

#新增一條資料

新增數據

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

返回結果

三、解決問題

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

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

js檔案

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

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

layui.js檔案

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

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

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

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

”

#

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