Home > Article > Web Front-end > How to solve layui form submission twice
How to solve layui form submission twice
- 咔咔Original
- 2020-12-25 18:09:402713browse
“The bad layui form will be submitted twice, have you encountered it?
”
##Preface
I have been using this layui for almost two years. I just built a new xadmin framework, so the problem of repeated submission of forms appeared. Very upset!“If you want to know the solution directly, just go to the third section.”
1. Initial operation
First let’s take a look at what operations Kaka did. The xadmin template used is probably a problem caused by not fully importing the js file. The effect Kaka wants to achieve is as shown below.
This is the effect that has been achieved, before it was No, it's just the result of adding this thing.
I don’t know how you usually find the code for development. Kaka directly goes to the code library and searches directly The link format is incorrect.
The picture below is the result of Kaka search, so the next step is to introduce this js file and try it!
So I picked up the keyboard and imported this file into it
is the original cause of the problem!
2. Reproduce the problem
Add a piece of data
did not disappoint, two pieces of data appeared, haha! Confused
3. Solve the problem
actually appears This problem is caused by carelessness, and still unfamiliar with the layui framework.
The solution is to kill the form js file. Isn’t it funny? Yes! Very funny.
You will suddenly realize when you open the layui.js file
It turns out that layui.js automatically includes all modules I imported the module locally, so this happens.
Of course the problem is not just the case of Kaka.
If you reference the layui.all.js file twice in a row, it will trigger twice in a row, or reference the layui.all.js file first, and then reference the layui.js file and it will trigger twice. Please be careful. Check the files you reference!!!
After referencing the layui.all.js file, layui.js is referenced again, causing it to be triggered twice in a row!
“Persistence in learning, persistence in blogging, and persistence in sharing are the beliefs that Kaka has always upheld since his career. I hope that Kaka’s articles on the huge Internet can bring you a little help. I am Kaka, see you in the next issue.
”
The above is the detailed content of How to solve layui form submission twice. For more information, please follow other related articles on the PHP Chinese website!