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

form表单下出现一闪而过

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

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

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

你可能感兴趣的:(前端页面)