JSP 页面保存或者提交数据时,弹出浮层防止用户在保存过程中进行其他操作
来源:互联网 发布:linux gcc默认path 编辑:程序博客网 时间:2024/05/12 19:42
现在做的页面,字段挺多,而且有上传文件,用的是struts2的file上传,一切就绪之后,就submit表单,上传数据
当然 关键代码
<s:form name="frmMain" theme="simple" method="POST" enctype="multipart/form-data">
JS代码
document.forms[0].action = InsertCpApp.do;
document.forms[0].submit();
这样 由于数据和网络的问题,可能要等好几秒才会完全提交并跳转页面,这个过程中用户不知道在干什么,所以弹出个浮层,防止其重复提交和有其他操作
核心代码如下
<div id="hidden_div" style="left:0;top:0;margin-left:100px;margin-top:100px;
position:absolute;opacity:0.9;z-index:99;display:none;">
<img id="logo" src="resources/images/wait.gif" alt="" />
</div>
<div id="mask" style="position:fixed;top:0;left:0;right:0;bottom:0;
background-color:#000;opacity:0.2;z-index:98;display:none;"></div>
两个div初始都是隐藏的,一个是提醒等待的图片,类似进度条的gif,下面的是个跟原页面大小一致的浮层,盖住原来的页面,透明度0.2
当提交的时候 在submit之前
//弹出层
document.getElementById("hidden_div").style.display = "block";
document.getElementById("mask").style.display = "block";
让这两个div显示出来。。mask盖一层,最上面是hidden_div的一层图片~~ 等submit结束 页面跳转~
- JSP 页面保存或者提交数据时,弹出浮层防止用户在保存过程中进行其他操作
- 防止JSP或者Servlet中的输出被浏览器保存在缓冲区中。
- 在jsp页面点击按钮后弹出保存对话框
- 注册或者点击按钮时,防止用户重复提交数据
- 在ASP.NET AJAX中防止用户多次提交页面
- 在ASP.NET AJAX中防止用户多次提交页面
- 在ASP.NET AJAX中防止用户多次提交页面
- 在ASP.NET AJAX中防止用户多次提交页面
- 如何在jsp页面中显示BLOB保存的图片数据
- 如何在Web页面退出前提示用户保存数据?
- 如何在Web页面退出前提示用户保存数据?
- 在其他应用中获取SharedPreferences 保存的数据
- jsp在不同页面或者用户之间共享数据
- 保存操作,同时进行自动提交、审核
- jsp中防止刷新后退等操作造成表单重复提交(纯jsp或者struts)
- 怎样在页面弹出文件保存框?
- js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
- js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
- 目标检测的图像特征提取之(二)LBP特征
- zoj 3538 Arrange the Schedule(矩阵快速幂)
- oracle 索引的缺点和优点
- Android开发经典书籍下载——《Android 4高级编程》《疯狂Android讲义》《Android应用开发详解(郭宏志)》《Android应用案例开发大全》《Android 3D游戏开发技术》
- 01背包问题
- JSP 页面保存或者提交数据时,弹出浮层防止用户在保存过程中进行其他操作
- STL泛型编程的一些自我理解
- double 类型 客户端解析
- Spket在Eclipse下的安装和配置(个人笔记)
- win8.1自带metro应用不工作解决办法
- C语言根据经纬度计算距离
- (二)ZigBee 协议规范
- 大数据
- MyIbatis学习 (一)--使用Generator自动生成代码