User.aspx页面点击按钮提交,数据没提交完成之前,重复点击按钮无效的案例(完整代码)

为了实现用户.aspx页面上按钮提交功能，在数据未提交前阻止多次点击的功能，我们通常会利用JavaScript的事件监听机制和异步处理技术。下面是一个简单的ASP.NET MVC示例，假设我们在`<asp:Button>`控件上应用这个功能： ```html <!DOCTYPE html> <html> <head> <title>防止重复提交</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></button></script> <script> $(document).ready(function () { // 获取表单元素 var submitBtn = $('#mySubmitButton'); // 添加点击事件处理器 submitBtn.on('click', function (e) { e.preventDefault(); // 阻止默认的提交行为 // 检查是否正在发送请求 if (!isSubmitting()) { // 设置为提交状态 setSubmitting(true); // 异步提交数据 $.ajax({ url: '@Url.Action("SaveData", "MyController")', // 替换为你实际的Action路径 type: 'POST', data: $('#form').serialize(), // 提交表单数据 success: function () { // 数据提交成功后恢复可点击状态并显示提示信息 setSubmitting(false); alert('数据已保存，请刷新页面查看最新状态。'); }, error: function () { // 提交失败后恢复可点击状态并显示错误提示 setSubmitting(false); alert('数据保存失败，请检查网络或稍后再试。'); } }); } else { // 显示占位消息，告诉用户当前已有请求在处理中 alert('请等待现有请求完成后再提交。'); } }); // 辅助函数：设置提交状态 function setSubmitting(isSubmitting) { localStorage.setItem('submitting', isSubmitting ? 'true' : 'false'); } // 辅助函数：检查是否有请求正在进行 function isSubmitting() { return localStorage.getItem('submitting') === 'true'; } }); </script> </head> <body> <form id="form">  <input type="text" name="data" /> <asp:Button ID="mySubmitButton" Text="提交" /> </form> </body> </html> ``` 在这个例子中，我们使用了jQuery来简化交互。当用户点击按钮时，首先阻止其默认行为，然后检查是否有请求在进行中。如果有，显示提示等待；如果没有，开始异步提交数据。如果提交成功或失败，都会更新存储的状态，并给出相应提示。请注意，这只是一个基本示例，实际项目中可能需要考虑更多细节，例如浏览器兼容性和持久化状态的其他存储方式。此外，这适用于前端操作，对于服务器端的并发控制，你可能还需要借助于服务器端代码或中间件来进一步限制。

阅读全文

User.aspx页面点击按钮提交,数据没提交完成之前,重复点击按钮无效的案例(完整代码)

相关推荐

解决vue 按钮多次点击重复提交数据问题

python实现点击按钮修改数据的方法

使用JS代码实现点击按钮下载文件

Java Web应用开发 20 课堂案例-GET方法提交数据.docx

php页面防重复提交方法总结

yunpan_ru_forum_user_js:yunpan.ru 论坛的 User.js

C#自定义控件（usercontrol）--美化单选按钮和复选按钮.rar

UserControl的应用实例，UserControl1.htmlVB源代码

易语言API后台点击按钮源码.7z

bootstrap实现点击删除按钮弹出确认框的实例代码

C#自定义控件（usercontrol）--美化单选按钮和复选按钮-D53.rar

C#自定义控件（usercontrol）--美化单选按钮和复选按钮_25.rar

C#自定义控件（usercontrol）--美化单选按钮和复选按钮__0525.rar

C#自定义控件（usercontrol）--美化单选按钮和复选按钮(0515).rar

Qt案例之利用QPushButton实现按钮长按事件.zip

C#自定义控件（usercontrol）--美化单选按钮和复选按钮(0520_).rar

C#自定义控件（usercontrol）--美化单选按钮和复选按钮__0525).rar

点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)

layui弹出层按钮提交iframe表单的方法

最新推荐

layui弹出层按钮提交iframe表单的方法

mvc中form表单提交的三种方式(推荐)

基于Vue自定义指令实现按钮级权限控制思路详解

Python爬取数据保存为Json格式的代码示例

SQL Sever中使用SQL语句实现把重复行数据合并为一行并用逗号分隔

Angular程序高效加载与展示海量Excel数据技巧

管理建模和仿真的文件

【SecureCRT高亮技巧】：20年经验技术大佬的个性化设置指南

如何设计一个基于FPGA的多功能数字钟，实现24小时计时、手动校时和定时闹钟功能？

Argos客户端开发流程及Vue配置指南