项目场景:
layui的ajax
问题描述:
使用layui时,发送ajax请求,点击发送一次,会自动提交两次
原因分析:
因为使用layui次数不多,所以不是很熟练,看文档写了个类似于bootstrap的模态框的弹出层,当提交模态框中的数据时,发现提交一次会插入两次数据,检查了一个小时,最后没法了,就重新建了HTML文件,重新写了一遍,发现并不是ajax和后端的问题,然后一行一行的对比,发现问题了。我在引入layui.js文件的时候,多引入了个layui.all.js文件,然后删除了一个,发现提交正常了
解决方案:
删除其中一个js文件即可,为什么引入两个文件会发送两次请求,我认为(个人想法)是HTML的解析是从上到下的解析,而两个js文件会让浏览器认为这是两次操作,所以会多次提交。
记录一个小bug,以上观点仅是个人观点,如有错误欢迎留言指出!!!