[发明专利]一种页面遮罩显示方法及网页服务器有效
申请号: | 201710827338.8 | 申请日: | 2017-09-14 |
公开(公告)号: | CN107678815B | 公开(公告)日: | 2020-12-18 |
发明(设计)人: | 章澄 | 申请(专利权)人: | 中国银联股份有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451 |
代理公司: | 北京同达信恒知识产权代理有限公司 11291 | 代理人: | 黄志华 |
地址: | 200135 *** | 国省代码: | 上海;31 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 页面 显示 方法 网页 服务器 | ||
本发明公开了一种页面遮罩显示方法及网页服务器,该方法包括:网页服务器接收网页浏览器发送的表单提交请求,表单提交请求是根据网页浏览器显示的当前网页上的按钮点击事件生成的;网页服务器根据表单提交请求,收集当前网页待提交的表单数据;网页服务器对表单数据进行校验,在表单数据通过校验时向数据库服务器发送第一调用请求,第一调用请求用于指示数据库服务器向网页服务器反馈第一代码,第一代码用于创建遮罩;网页服务器获取并运行第一代码,在当前网页创建遮罩使遮罩遮挡当前网页;并向数据库服务器提交表单数据。上述方法流程可避免出现校验失败时遮罩无法隐藏的问题,使得遮罩显示与表单提交相匹配。
技术领域
本发明涉及通信技术领域,特别涉及一种页面遮罩显示方法及网页服务器。
背景技术
当基于MyFaces2框架的系统的某一项功能需要较长的执行时间,为了用户等待,同时避免在后台执行期间内用户重复点击前端按钮,需要在后台执行期间内设置遮罩。现有的遮罩的实现一般都基于原生HTML,通过将按钮或链接等HTML标签与一个遮罩处理函数绑定,在遮罩处理函数中调用爪哇脚本JavaScript,依靠css蒙板来显示遮罩效果。
在点击按钮或链接的事件发生时,提交表单的同时显示遮罩效果,显示遮罩效果与表单提交相互独立,显示遮罩效果的运行代码无法判断表单是否提交完成,表单提交的运行代码无法判断显示遮罩效果是否超时。因此,点击事件一旦提交,会在第一时间执行显示遮罩效果,即使发生表单内的某项输入发生前端校验失败时,也无法隐藏遮罩效果。即使表单提交已经结束,也无法得知遮罩效果是否已经隐藏。
综上,现有技术中存在着显示遮罩效果与表单提交相互独立,存在着表单提交与遮罩效果的隐藏不匹配的技术问题。
发明内容
本发明实施例提供一种页面遮罩显示方法和网页服务器,应用于MyFaces2框架,用以解决现有技术中存在的表单提交与遮罩效果的隐藏不匹配的技术问题。
本发明实施例提供一种页面遮罩显示方法,包括:网页服务器接收网页浏览器发送的表单提交请求,所述表单提交请求是根据所述网页浏览器显示的当前网页上的按钮点击事件生成的;所述网页服务器根据所述表单提交请求,收集所述当前网页待提交的表单数据;所述网页服务器对所述表单数据进行校验,在所述表单数据通过校验时向数据库服务器发送第一调用请求,所述第一调用请求用于指示所述数据库服务器向所述网页服务器反馈第一代码,所述第一代码用于创建遮罩;所述网页服务器获取并运行所述第一代码,在所述当前网页创建所述遮罩使所述遮罩遮挡所述当前网页;并向所述数据库服务器提交所述表单数据,以使所述数据库服务器对所述表单数据进行处理后存储到数据库。
可选的,网页服务器向所述数据库服务器提交所述表单数据之后,还包括:所述网页服务器获取所述遮罩的属性信息,所述属性信息指示所述表单数据提交成功时隐藏所述遮罩;所述网页服务器根据所述属性信息,在接收到所述数据库服务器反馈的响应消息时隐藏所述遮罩,所述响应消息指示所述表单数据提交成功。
可选的,网页服务器向所述数据库服务器提交所述表单数据之后,还包括:所述网页服务器获取所述遮罩的属性信息,所述属性信息指示所述遮罩持续设定时间长度后隐藏所述遮罩;所述网页服务器根据所述属性信息,确定所述遮罩持续的时间等于所述设定时间长度时隐藏所述遮罩。
进一步的,所述网页服务器隐藏所述遮罩,包括:所述网页服务器向所述数据库服务器发送第二调用请求,所述第二调用请求用于指示所述数据库服务器向所述网页服务器反馈第二代码,所述第二代码用于隐藏遮罩;所述网页服务器接收并运行所述第二代码,隐藏所述当前网页显示的所述遮罩。
可选的,所述第一代码还用于执行:获取所述遮罩的属性信息,所述属性信息为所述遮罩持续设定时间长度后隐藏所述遮罩或者所述表单数据提交成功时隐藏所述遮罩;根据所述属性信息,在确定满足所述属性信息时隐藏所述遮罩。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中国银联股份有限公司,未经中国银联股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201710827338.8/2.html,转载请声明来源钻瓜专利网。
- 上一篇:一种无垫布无痕仿补的方法
- 下一篇:一种LED-UV磁性防伪油墨制备方法