CN106339471A - 基于Ajax请求实现的页面局部刷新双公示数据web展示方法和*** - Google Patents
基于Ajax请求实现的页面局部刷新双公示数据web展示方法和*** Download PDFInfo
- Publication number
- CN106339471A CN106339471A CN201610751989.9A CN201610751989A CN106339471A CN 106339471 A CN106339471 A CN 106339471A CN 201610751989 A CN201610751989 A CN 201610751989A CN 106339471 A CN106339471 A CN 106339471A
- Authority
- CN
- China
- Prior art keywords
- data
- publicity
- page
- double
- request
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种基于Ajax请求实现的页面局部刷新双公示数据web展示方法,包括如下步骤:接收用户发出的新的条件下的双公示数据请求;通过Ajax将新的双公示数据请求条件提交给后台服务器;对请求条件进行有效性校核,对通过有效性校核的条件进行数据检索,并将符合条件的状态数据进行组包返回;对后台服务器返回的数据包进行解析;以及将双公示数据解析结果在页面对应的区域进行局部刷新。本发明还提供了与该方法对应的***。
Description
技术领域
本发明涉及计算机网络技术领域,特别是一种基于Ajax请求实现的页面局部刷新双公示数据web展示方法和***。
背景技术
现有行政许可和行政处罚双公示(以下简称双公示)web展示***大都采用全页面刷新方式,即当用户对双公示数据条件重新设定并提交新条件下数据调用请求时,客户端浏览器会刷新整个页面进行数据的请求与更新,这样势必会增加服务器的请求处理负担,也会多耗用客户端的流量资源,对于图片多、后台调用数据大的展示页面影响尤其明显。
发明内容
本发明的目的是提供一种基于Ajax请求实现的页面局部刷新双公示数据web展示方法和***,可以减轻服务器的请求处理负担,节约客户端流量,提高访问页面时的流畅性。
第一方面,本发明提供一种基于Ajax请求实现的页面局部刷新双公示数据web展示方法,包括如下步骤:
接收用户发出的新的条件下的双公示数据请求;
通过Ajax将新的双公示数据请求条件提交给后台服务器;
对请求条件进行有效性校核,对通过有效性校核的条件进行数据检索,并将符合条件的状态数据进行组包返回;
对后台服务器返回的数据包进行解析;以及
将双公示数据解析结果在页面对应的区域进行局部刷新。
可选地或优选地,双公示数据请求的发起方式包括:页面上的链接、页面上的按钮以及页面上查询表单。
可选地或优选地,所述状态数据包括符合条件的结果状态及与状态对应的状态码。
可选地或优选地,所述方法还包括:
对不符合条件的双公示数据请求,返回错误结果及错误状态码的组包。
可选地或优选地,
所述对后台服务器返回的数据包进行解析包括:Ajax对后台服务器返回的结果按照预定的规则进行解析,并将返回结果按照显示方式放进临时变量中;
所述将双公示数据解析结果在页面对应的区域进行局部刷新包括:将解析后放入临时变量中的内容置换对应数据显示区的局部内容。
第二方面,本发明提供一种基于Ajax请求实现的页面局部刷新双公示数据web展示***,包括:
接收模块,用于接收用户发出的新的条件下的双公示数据请求;
提交模块,用于通过Ajax将新的双公示数据请求条件提交给后台服务器;
检索模块,用于对请求条件进行有效性校核,对通过有效性校核的条件进行数据检索,并将符合条件的状态数据进行组包返回;
解析模块,用于对后台服务器返回的数据包进行解析;以及
刷新模块,用于将双公示数据解析结果在页面对应的区域进行局部刷新。
可选地或优选地,双公示数据请求的发起方式包括:页面上的链接、页面上的按钮以及页面上查询表单。
可选地或优选地,所述状态数据包括符合条件的结果状态及与状态对应的状态码。
可选地或优选地,所述检索模块还用于对不符合条件的双公示数据请求,返回错误结果及错误状态码的组包。
可选地或优选地,
所述解析模块具体用于:Ajax对后台服务器返回的结果按照预定的规则进行解析,并将返回结果按照显示方式放进临时变量中;
所述刷新模块具体用于:将解析后放入临时变量中的内容置换对应数据显示区的局部内容。
本发明提供的双公示数据web页面展示方法,采用了Ajax异步调用技术,具有如下的有益效果:
1、利用Ajax向后台服务器发起的请求为异步请求,客户端浏览器不需要等待服务器端的响应,前端展示页面在发送异步请求后马上将控制权返回给浏览器,浏览器继续向下装载,因此不会出现页面的假死状态;
2、采用了局部刷新策略,不需要对整个页面进行加载,只需要传递所需的少量数据,这种按需取数据的方式也降低服务器的访问压力。这样,浏览器不用刷新整个页面即可获得新条件下的请求数据,大大提升了用户体验满意度。
附图说明
图1为本发明实施例一所提供的页面局部刷新双公示数据web页面展示方法的流程图;
图2为本发明实施例二所提供的页面局部刷新双公示数据web页面展示方法的流程图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面结合附图和具体实施方式对本发明作进一步的详细说明。
实施例一
本实施例提供一种双公示数据web页面展示方法,可以应用在各种行政网站的双公示数据展示中。其主要的构思是利用Ajax向后台服务器发起请求,并根据请求条件进行局部刷新,以提高页面展示效率。请参考图1,该方法具体可以包括如下的步骤:
一种基于Ajax请求实现的页面局部刷新双公示数据web展示方法,其特征在于,包括如下步骤:
S1:接收用户发出的新的条件下的双公示数据请求;
在步骤S1中,用户通过输入双公示数据web的网址对其进行访问,当完成页面全部加载或者部分加载时,客户端浏览器的页面上会显示出供用户填写或选择条件的请求交互界面,例如可以页面上的链接、页面上的按钮以及页面上查询表单,用户通过这些不同的方式均可以在一定的条件下发起请求。
S2:通过Ajax将新的双公示数据请求条件提交给后台服务器;
Ajax请求为异步请求,Ajax向后台web服务器使用XMLHttpRequest对象来完成发送数据请求指令HTTP请求(Request)后,前端页面的装载并不停止,即客户端浏览器在为XMLHttpRequest注册一个回调函数后不需要等待服务器的响应,控制权马上被返回给客户端浏览器,客户端浏览器继续向下执行,由于页面的装载是连贯无中断的,所以不会出现同步调用过程中出现的页面假死状况,提高的***访问的流畅度,此外,还可以在展示界面待更新的位置上提供加载提示。加载提示可以是“正在加载”、“请耐心等待”等文字组成的传达友好信息的提示符。
S3:对请求条件进行有效性校核,对通过有效性校核的条件进行数据检索,并将符合条件的状态数据进行组包返回;对不符合条件的双公示数据请求,返回错误结果及错误状态码的组包。状态数据包括符合条件的结果状态及与状态对应的状态码。例如,后台服务器针对用户请求中的某一条件进行检索和匹配,找到符合该条件的公示数据记录、最新的状态以及与这些状态对应的状态码等。
S4:对后台服务器返回的数据包进行解析;
S4步骤具体可以实现的方式包括:Ajax对后台服务器返回的结果按照预定的规则进行解析,并将返回结果按照显示方式放进临时变量中。在此过程中,由于此前在步骤S2中已经注册的回调函数,在需要解析时,回调函数会被自动触发,提高了解析过程的整体效率。
S5:将双公示数据解析结果在页面对应的区域进行局部刷新。
在局部刷新过程中,可以将解析后放入临时变量中的内容置换对应数据显示区的局部内容。例如,当用户发起请求时是通过页面上的某一按钮发起的,在刷新时,只需要刷新与该按钮对应的显示框中的内容即可,而不必刷新整个页面。
实施例二
如图2所示,本实施例提供了一种与实施例一对应的双公示数据web页面展示***,该***包括如下功能模块:
接收模块201,用于接收用户发出的新的条件下的双公示数据请求;
其中,双公示数据请求的发起方式包括:页面上的链接、页面上的按钮以及页面上查询表单。
提交模块202,用于通过Ajax将新的双公示数据请求条件提交给后台服务器;
检索模块203,用于对请求条件进行有效性校核,对通过有效性校核的条件进行数据检索,并将符合条件的状态数据进行组包返回;对不符合条件的双公示数据请求,返回错误结果及错误状态码的组包。
其中,状态数据包括符合条件的结果状态及与状态对应的状态码。
解析模块204,用于对后台服务器返回的数据包进行解析;
该解析模块204具体用于:Ajax对后台服务器返回的结果按照预定的规则进行解析,并将返回结果按照显示方式放进临时变量中。
刷新模块205,用于将双公示数据解析结果在页面对应的区域进行局部刷新。
该刷新模块205具体用于:将解析后放入临时变量中的内容置换对应数据显示区的局部内容。
本实施例中***的各个模块与实施例一种的展示方法的各步骤相对应,其具体的实施方式和技术细节与实施例一相同,在此不再赘述。
以上对本发明所提供的基于Ajax请求实现的页面局部刷新双公示数据web展示方法和***进行了详细介绍。本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的核心思想。应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以对本发明进行若干改进和修饰,这些改进和修饰也落入本发明权利要求的保护范围内。
Claims (10)
1.一种基于Ajax请求实现的页面局部刷新双公示数据web展示方法,其特征在于,包括如下步骤:
接收用户发出的新的条件下的双公示数据请求;
通过Ajax将新的双公示数据请求条件提交给后台服务器;
对请求条件进行有效性校核,对通过有效性校核的条件进行数据检索,并将符合条件的状态数据进行组包返回;
对后台服务器返回的数据包进行解析;以及
将双公示数据解析结果在页面对应的区域进行局部刷新。
2.根据权利要求1所述的基于Ajax请求实现的页面局部刷新双公示数据web展示方法,其特征在于,双公示数据请求的发起方式包括:页面上的链接、页面上的按钮以及页面上查询表单。
3.根据权利要求1所述的基于Ajax请求实现的页面局部刷新双公示数据web展示方法,其特征在于,所述状态数据包括符合条件的结果状态及与状态对应的状态码。
4.根据权利要求1-3任一所述的基于Ajax请求实现的页面局部刷新双公示数据web展示方法,其特征在于,所述方法还包括:
对不符合条件的双公示数据请求,返回错误结果及错误状态码的组包。
5.根据权利要求1-3任一所述的基于Ajax请求实现的页面局部刷新双公示数据web展示方法,其特征在于,
所述对后台服务器返回的数据包进行解析包括:Ajax对后台服务器返回的结果按照预定的规则进行解析,并将返回结果按照显示方式放进临时变量中;
所述将双公示数据解析结果在页面对应的区域进行局部刷新包括:将解析后放入临时变量中的内容置换对应数据显示区的局部内容。
6.一种基于Ajax请求实现的页面局部刷新双公示数据web展示***,其特征在于,包括:
接收模块,用于接收用户发出的新的条件下的双公示数据请求;
提交模块,用于通过Ajax将新的双公示数据请求条件提交给后台服务器;
检索模块,用于对请求条件进行有效性校核,对通过有效性校核的条件进行数据检索,并将符合条件的状态数据进行组包返回;
解析模块,用于对后台服务器返回的数据包进行解析;以及
刷新模块,用于将双公示数据解析结果在页面对应的区域进行局部刷新。
7.根据权利要求6所述的基于Ajax请求实现的页面局部刷新双公示数据web展示***,其特征在于,双公示数据请求的发起方式包括:页面上的链接、页面上的按钮以及页面上查询表单。
8.根据权利要求6所述的基于Ajax请求实现的页面局部刷新双公示数据web展示***,其特征在于,所述状态数据包括符合条件的结果状态及与状态对应的状态码。
9.根据权利要求6-8任一所述的基于Ajax请求实现的页面局部刷新双公示数据web展示***,其特征在于,所述检索模块还用于对不符合条件的双公示数据请求,返回错误结果及错误状态码的组包。
10.根据权利要求6-8任一所述的基于Ajax请求实现的页面局部刷新双公示数据web展示***,其特征在于,
所述解析模块具体用于:Ajax对后台服务器返回的结果按照预定的规则进行解析,并将返回结果按照显示方式放进临时变量中;
所述刷新模块具体用于:将解析后放入临时变量中的内容置换对应数据显示区的局部内容。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610751989.9A CN106339471A (zh) | 2016-08-29 | 2016-08-29 | 基于Ajax请求实现的页面局部刷新双公示数据web展示方法和*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610751989.9A CN106339471A (zh) | 2016-08-29 | 2016-08-29 | 基于Ajax请求实现的页面局部刷新双公示数据web展示方法和*** |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106339471A true CN106339471A (zh) | 2017-01-18 |
Family
ID=57822716
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610751989.9A Pending CN106339471A (zh) | 2016-08-29 | 2016-08-29 | 基于Ajax请求实现的页面局部刷新双公示数据web展示方法和*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106339471A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109101310A (zh) * | 2018-08-20 | 2018-12-28 | 山东浪潮通软信息科技有限公司 | 一种页面刷新方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987851A (zh) * | 2005-12-22 | 2007-06-27 | 腾讯科技(深圳)有限公司 | 一种网页数据的更新显示方法 |
US20070174419A1 (en) * | 2006-01-23 | 2007-07-26 | O'connell Brian M | JavaScript error determination and reporting |
CN101587435A (zh) * | 2008-05-19 | 2009-11-25 | 北京亿企通信息技术有限公司 | 一种实现mvc的方法 |
CN103607441A (zh) * | 2013-11-12 | 2014-02-26 | 浪潮集团有限公司 | 一种基于web的服务器远程管理*** |
-
2016
- 2016-08-29 CN CN201610751989.9A patent/CN106339471A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987851A (zh) * | 2005-12-22 | 2007-06-27 | 腾讯科技(深圳)有限公司 | 一种网页数据的更新显示方法 |
US20070174419A1 (en) * | 2006-01-23 | 2007-07-26 | O'connell Brian M | JavaScript error determination and reporting |
CN101587435A (zh) * | 2008-05-19 | 2009-11-25 | 北京亿企通信息技术有限公司 | 一种实现mvc的方法 |
CN103607441A (zh) * | 2013-11-12 | 2014-02-26 | 浪潮集团有限公司 | 一种基于web的服务器远程管理*** |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109101310A (zh) * | 2018-08-20 | 2018-12-28 | 山东浪潮通软信息科技有限公司 | 一种页面刷新方法及装置 |
CN109101310B (zh) * | 2018-08-20 | 2021-06-22 | 浪潮通用软件有限公司 | 一种页面刷新方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR102034365B1 (ko) | 지불 방법, 장치 및 시스템 | |
US9626688B2 (en) | Method and system for facilitating access to a promotional offer | |
CN102624891B (zh) | 网页浏览装置的切换内核方法及对应的网页浏览装置 | |
CN105653933B (zh) | 插件加载方法及装置 | |
US6654600B1 (en) | Method and apparatus for authorizing use of cellular telephone units | |
CN110300133A (zh) | 跨域数据传输方法、装置、设备及存储介质 | |
CN101997903A (zh) | 用于处理超文本传输协议请求的方法和*** | |
US20140068412A1 (en) | Method and Apparatus of Responding to Webpage Access Request | |
CN104965690B (zh) | 数据处理方法及装置 | |
US9143378B2 (en) | Rendering components within different browser environments | |
CN109428877B (zh) | 一种用于通过用户设备访问业务***的方法和装置 | |
CN104572099B (zh) | 基于组件和中间件的低耦合框架数据处理方法及*** | |
CN111831947B (zh) | 应用***、数据处理方法、计算机***和存储介质 | |
CN105095220B (zh) | 一种浏览器实现方法、终端和虚拟化代理装置 | |
CN106339264A (zh) | 基于Ajax异步调用技术实现的双公示数据web页面展示方法和*** | |
US9059959B2 (en) | Client side management of HTTP sessions | |
CN105556905B (zh) | 一种页面***方法和设备 | |
CN113761428A (zh) | 页面渲染方法、装置、***、存储介质及电子设备 | |
CN110196680A (zh) | 数据处理方法、装置及存储介质 | |
CN106649299A (zh) | 一种网页区块懒加载的方法和装置 | |
CN107818171A (zh) | 一种基于iframe的页面加载方法及*** | |
CN106339471A (zh) | 基于Ajax请求实现的页面局部刷新双公示数据web展示方法和*** | |
CN110457619A (zh) | 浏览器信息传输方法及装置 | |
CN106528733A (zh) | 网页页面展现方法及装置 | |
EP3455810B1 (en) | Secure multi-factor tokenization-based push/response commerce platform |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170118 |