基于Ajax请求实现的页面局部刷新双公示数据web展示方法和系统技术方案

本发明专利技术公开了一种基于Ajax请求实现的页面局部刷新双公示数据web展示方法，包括如下步骤：接收用户发出的新的条件下的双公示数据请求；通过Ajax将新的双公示数据请求条件提交给后台服务器；对请求条件进行有效性校核，对通过有效性校核的条件进行数据检索，并将符合条件的状态数据进行组包返回；对后台服务器返回的数据包进行解析；以及将双公示数据解析结果在页面对应的区域进行局部刷新。本发明专利技术还提供了与该方法对应的系统。

【技术实现步骤摘要】

本专利技术涉及计算机网络
，特别是一种基于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对后台服务器返回的结果按照预定的规则进行解析，并将返本文档来自技高网...

【技术保护点】
一种基于Ajax请求实现的页面局部刷新双公示数据web展示方法，其特征在于，包括如下步骤：接收用户发出的新的条件下的双公示数据请求；通过Ajax将新的双公示数据请求条件提交给后台服务器；对请求条件进行有效性校核，对通过有效性校核的条件进行数据检索，并将符合条件的状态数据进行组包返回；对后台服务器返回的数据包进行解析；以及将双公示数据解析结果在页面对应的区域进行局部刷新。

【技术特征摘要】
1.一种基于Ajax请求实现的页面局部刷新双公示数据web展示方法，其特征在于，包括如下步骤：接收用户发出的新的条件下的双公示数据请求；通过Ajax将新的双公示数据请求条件提交给后台服务器；对请求条件进行有效性校核，对通过有效性校核的条件进行数据检索，并将符合条件的状态数据进行组包返回；对后台服务器返回的数据包进行解析；以及将双公示数据解析结果在页面对应的区域进行局部刷新。2.根据权利要求1所述的基于Ajax请求实现的页面局部刷新双公示数据web展示方法，其特征在于，双公示数据请求的发起方式包括：页面上的链接、页面上的按钮以及页面上查询表单。3.根据权利要求1所述的基于Ajax请求实现的页面局部刷新双公示数据web展示方法，其特征在于，所述状态数据包括符合条件的结果状态及与状态对应的状态码。4.根据权利要求1-3任一所述的基于Ajax请求实现的页面局部刷新双公示数据web展示方法，其特征在于，所述方法还包括：对不符合条件的双公示数据请求，返回错误结果及错误状态码的组包。5.根据权利要求1-3任一所述的基于Ajax请求实现的页面局部刷新双公示数据web展示方法，其特征在于，所述对后台服务器返回的数据包进行解析包括：Ajax对后台服务器返回的结果按照预定的规则进行解析，并将返回结果按照显示方式放进临时变量中；所述将双公示数据解析结果在页面对应的区域进行局部刷新包括：将解析后放入临时变量中的内容置换对应数据显示区的局部内容。6....

【专利技术属性】
技术研发人员：曾水根，周典点，江海洋，何静，张益峰，王安友，胡翔翔，刘红伟，卜凯，涂亚迪，陈筱玄，
申请(专利权)人：九次方财富资讯北京有限责任公司，
类型：发明
国别省市：北京;11