from表单的混淆点-点击按钮出现一闪而过

最新推荐文章于 2022-10-21 10:25:04 发布

晓风残日月

最新推荐文章于 2022-10-21 10:25:04 发布

阅读量2.2k

点赞数 5

分类专栏：前端页面文章标签： form 闪屏

本文链接：https://blog.csdn.net/chlhui/article/details/79268215

版权

前端页面专栏收录该内容

1 篇文章 0 订阅

订阅专栏

form表单下出现一闪而过

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