本文摘自PHP中文网,作者angryTom,侵删。
(1) 一般用layui导致提交两次,会想到的是在绑定on sumit的时候没有return false,导致没有把常规提交方式拦截下来,再次访问了action
如果你想了解更多关于layui的知识。可以点击:layui教程
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | form.on('submit(formDemo)', function (data) {
var fd = new FormData($('form')[0]);
$.ajax({
type: "POST",
url: '/admin/adduser.do',
data: fd,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (res) {
if (res.status == 200) {
layer.msg(res.msg, {time: 2000});
var url = "/admin/views/users.html"; // 跳转
setTimeout(function () {
window.location.href = url
},2000);
} else {
layer.msg(res.msg, {time: 2000});
}
}
});
return false; // 这段很关键
});
|
阅读剩余部分
相关阅读 >>
layui前端遇到的难点集合(附代码)
layui怎么绑定普通事件监听
layui如何提交post
使用layui怎么下载文件
如何运用layui数据添加页面的前端布局?(附源码)
通过layui给数据表格添加序号
layui表单中的inline和block介绍
分享dom中的表单操作,节点操作
html5的表单中关于所有type类型的详细介绍
layui实现点击按钮添加一行的方法
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui 表单提交为什么有两次