from表单的混淆点-点击按钮出现一闪而过_在form表单中通过按钮添加div为什么会闪退

作者：一键难忘520 | 2024-06-30 04:02:11

踩

在form表单中通过按钮添加div为什么会闪退

form表单下出现一闪而过

在form表单中使用type=submit和button元素，绑定事件后点击时，会出现一闪而过的闪屏现象，同时也没有达到预想的效果。
究其原因，是前端和后台的顺序没有搞清楚：
form表单在提交或点击button时，浏览器先渲染js代码部分，绘制出js代码要显示的页面，之后提交给后台，向后台服务器进行请求；服务器在获取请求后，开始响应，并把响应内容返回给浏览器，此时浏览器要卸载掉当前js显示的页面，再重绘响应内容到浏览器上。这个过程很快，所以浏览器上看到像一闪而过，表单的刷新让页面重置的。

解决办法：可让type=button，不自动提交表单，而是在js中操作提交表单ele.submit()；若是button元素标签，则绑定事件后，要如turn false;不提交表单，就不会刷新了。

入门小白的一点见解！！！

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】