避免用户操作太快，基于JS生成的内容没有生成，引发的BUG

最新推荐文章于 2024-06-25 16:49:40 发布
原创 最新推荐文章于 2024-06-25 16:49:40 发布 · 940 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#浏览器 #服务器

本文讨论了如何在使用JavaScript生成HTML隐藏字段的值时避免页面提交后的BUG，提出要么避免使用JS生成Hidden.value，要么在服务器端先屏蔽提交按钮，以确保页面提交过程的稳定性。

比如某个Hidden 的Value 是通过在页面加载后调用JS代码来生成的，但如果这时用户操作太快，或者是浏览器解析JS太慢，导致Hidden中的Value尚未生成，但在页面提交后，后端代码又认为此hidden.value的值必不为空，就会导致BUG，所以建议要么别用JS生成hidden.value，要么在服务器端先屏蔽提交按钮，以避免此类BUG


全栈Bug调优(实战版) | 专栏介绍 · C站专栏榜top1！
**My Coding Family**
07-08 2万+
《全栈Bug调优(实战版)》 是一个专注于真实开发场景中Bug定位、问题复盘与解决方案输出的高质量技术专栏。内容来源于一线生产环境、高频开发场景、主流社区典型提问及我个人项目实践的深度剖析...
js实现操作过快的问题
weixin_45932157的博客
05-07 301
isStart:true, //首次开启 startRollOk(){ //点击事件 if(this.isStart){ this.isStart=!this.isStart; let that=this; console.log("开始抽奖！"+that.isStart) setTimeout(function(){ //that.startRoll(); ..
js防止重复点击或者点击过快方法
热门推荐
Fly的博客
08-03 5万+
js防止重复点击或者点击过快方法 1.html <button type="button" data-val="0">00000</button> <button type="button" data-val="1">11111</button> <button type="button&
js节流与防抖，防止重复提交、防止频繁重复点击
web_xyk的专栏
05-02 2万+
一、节流、防止短时间多次提交操作 现有一提交按钮<button id="submit">提交</button>点击后提交表单信息。 但是经常会出现： 1.不小心点了多次，就提交了多次                               2.网络卡顿的时候网页没反应，用户频繁点击的情况 // 即这种写法： var subBtn = document.getE...
javascript中防止重复点击、防止点击过快实用方法
Angel_girl319的博客
02-15 536
防止重复点击可以添加一个开关,让这个开关默认为true，第一次点击将其变为false,点击事件的执行需要判断这个开关是否为true，为true执行,false不执行。例子如下： var isclick= true; function click(){ if(isclick){ isclick = false; //下面添加需要执行的事件 ......
【若依框架】代码生成详细教程，15分钟搭建Springboot+Vue3前后端分离项目，基于Mysql8数据库和Redis5，管理后台前端基于Vue3和Element Plus，开发小程序数据后台
最新发布
编程小石头
06-25 8万+
今天我们来借助若依来快速的搭建一个基于springboot的Java管理后台，后台网页使用vue3和 Element Plus来快速搭建。
基于RAML模式生成Groovy POJO工具介绍
1. JavaScript：虽然标签中提到了JavaScript，但在这段描述中并没有直接相关的知识点。可能的解释是，这个生成器的某个部分或者它的相关工具链使用了JavaScript来实现某些功能，或者整个raml2code项目可能有...
自动生成README文件的工具：Node.js项目简介
自述文件生成器是一个基于Node.js的应用程序，设计用于帮助用户通过回答一系列问题来创建项目的自述文件。自述文件通常包含项目的基本信息、安装指南、使用说明、许可证声明、贡献准则和测试说明等重要信息。用户...
国庆头像生成器：微信小程序版全新升级
用户可以通过简单的操作步骤，选择自己喜欢的国旗元素或小图标，快速生成自己的国庆主题头像，并可以将其用作微信头像，也可分享给亲朋好友。此小程序具有一定的可扩展性，开发者或用户可根据需要增加更多功能或主题...
angularjs input 搜索框触发请求太频繁，使用lodash.js的 debounce节流提高性能
baidu_30907803的博客
09-29 2360
参考链接：https://ask.helplib.com/javascript/post_1177398 由于个人项目是使用angularjs1.3以上，则可以直接使用angularjs 自带的ng-model-options="{ debounce: 1000 }"属性即可 <div ng-controller="Ctrl"> <form name="userFor...
ajax发送数据防止过快点击重复提交
youcijibi的博客
06-07 1933
var havepost = false; function postcontent(form_data,islayer){ if(check_login()!==true){ //检查用户登录状态 return false; } var that = ueditor; var url = posturl; if(pid>0){ url += '?pid=...
HTML的加载过程导致的js中代码不执行
进化的深山猿
09-26 8244
HTML的加载过程 Jsp中代码如下： <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %><!DOCTYPE html> <html lang="en"> <head> <me
js解决键盘长按输入时会有停顿的问题
Polaris_tl的博客
11-28 7376
长按键盘输入内容时中间会有一个停顿（短暂的），这里的解决办法是通过setInterval来解决
ASP.NET 自定义控件之下拉多选控件
边城的专栏
03-04 1万+
/// /// 多选下拉控件 /// [ToolboxData("")] public class MultipleDropdownList : CompositeControl { #region Fields private CheckBoxList _checkBoxes; private TextB
[浏览器]IE下载中文文件名乱码问题
边城的专栏
05-08 1万+
在使用IE下载包含中文文件的时候，会出现乱码（在Chrome下没有此问题），解决方法是使用UrlEncode，如下 public static void DownloadExcel(HSSFWorkbook book, String fileNamePre) { var stream = new MemoryStream();
未预编译文件“.aspx”，因此不能请求该文件
边城的专栏
01-17 8832
在使用aspnet_compiler预编译网站时，发生了如下错误 未预编译文件“.aspx”，因此不能请求该文件 引发原因：由于电脑上装同时存在framework2.0 和 4.0，默认情况下aspnet_compiler指向的是4.0下的，如果要把一个App编译到运行在asp.2.0网站下时，就会出现此错误 解决：手动切换到framework\2.0下，然后使用2.0版的aspnet_
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值