所有分类
  • 所有分类
  • 后端开发
网上填表崩溃?别怕!教你秒变高手

网上填表崩溃?别怕!教你秒变高手

表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。使用浏览器历史记录重复提交表单。几种防止表单重复提交的方法这能避免用户按F5导致的重复提交,而其也不会出现浏览器表单重复提交的警告,也能消除按浏览器前进和后退按导致的同样问题

你有没有碰到过这种事:网上办事时,手指头一哆嗦就拼命点击“提交”;想刷个新网页,结果点到了“提交”;还有浏览器那个后退键,结果还是无效提交,真是让人抓狂!不过别担心,这儿我给你支几招解决方案。

开头,我们让提交按钮变“紧俏”!就是你刚刚填好信息想要提交,但是JavaScript不让你点下去。这么做的话,那些胡乱点击的小伙伴们就要酸溜溜地看着咯。当然咯,要是他们的浏览器不愿意执行Java脚本咋办?那这招就没用咯。走老铁,我这儿有篇以前写的关于Jquery插件的文章,你要不看看怎么样呗。

别慌试试Post/Redirect/Get这个方法!它就是当你填完表单后,会自动跳到表示成功的新页面。这个招式其实大家都知道,叫作“Post-Redirect-Get”(PRG)模式。这样就不怕你不小心按下刷新按钮导致重复提交,浏览器也不会老是提醒你又提交了!而且,使用浏览器翻页功能也不会出现那种让人心烦的状况咯!

网上填表崩溃?别怕!教你秒变高手

首先,咱们来给这个页面加个小把戏——也就是那个“密码”咯。当用户点开表单页时,咱们给他们随机生成一个密码,然后悄悄地塞到表单里面看不到的地方(这叫隐藏字段)。等到他们准备填写表格的时候,咱就悄悄检查一下那密码还在不在,如果还在,那就得赶快删掉它,不然人家都提交完了,岂不是白浪费功夫?这么一来,咱们网站就能有个完美无缺的XSRF防护效果了。

最后,咱们可以用数据库来限制下!比如设置它为唯一的,或者弄个专门的索引啥滴,这样就不怕碰到重复数据!这个方法简直就是防止再次提交的利器

顾名思义,这儿有四招儿教你们怎么避免填报申请表时重蹈覆辙!要是还有其他好主意,欢迎随时说出。参考大家意见后会持续更新滴~先给各位普及这几个防填报乱七八糟的技巧!希望可以帮到你们!觉得还行就点赞分享一下有啥想说的在底下评论区发言我们得多沟通才能越来越进步!

原文链接:https://www.icz.com/technicalinformation/web/javascript/2024/03/11503.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?