掌桥专利:专业的专利平台
掌桥专利
首页

页面加载方法、装置、设备和存储介质

文献发布时间:2023-06-19 10:05:17


页面加载方法、装置、设备和存储介质

技术领域

本申请涉及计算机技术领域,特别是涉及一种页面加载方法、装置、设备和存储介质。

背景技术

随着互联网技术的不断发展,各种类型的网站如雨后春笋般成倍增长,客户端可以通过相应的页面加载方式对各网站进行访问。

传统的页面加载方式是由客户端触发页面加载请求到服务器,服务器接收并对页面加载请求进行处理后返回一个新的超文本标记语言(Hyper Text Markup Language,HTML)页面给客户端。这样,在每次进行页面切换时,服务器都需要重新生成新的HTML页面给客户端,导致页面的加载速度较慢。

发明内容

基于此,有必要针对传统的页面加载方式加载较慢的技术问题,提供一种页面加载方法、装置、设备和存储介质。

第一方面,本申请实施例提供一种页面加载方法,包括:

获取客户端针对目标分页的访问请求;

当确定所述访问请求中包括异步请求信息时,向所述客户端发送所述目标分页的列表内容对应的html代码;其中,所述异步请求信息用于表示需要对所述目标分页进行Ajax异步加载操作;

当确定所述访问请求中不包括异步请求信息时,向所述客户端发送所述目标分页的整个内容对应的html代码。

第二方面,本申请实施例提供一种页面加载方法,包括:

向服务器发送针对目标分页的访问请求;

当所述访问请求中包括异步请求信息时,接收所述服务器发送的所述目标分页的列表内容对应的html代码,并根据所述列表内容对应的html代码更新当前分页的列表内容;其中,所述异步请求信息用于表示需要对所述目标分页进行异步加载操作;

当所述访问请求中不包括异步请求信息时,接收所述服务器发送的所述目标分页的整个内容对应的html代码,并根据所述整个内容对应的html代码加载所述目标分页的整个内容。

第三方面,本申请实施例提供一种页面加载装置,包括:

获取模块,用于获取客户端针对目标分页的访问请求;

第一发送模块,用于当确定所述访问请求中包括异步请求信息时,向所述客户端发送所述目标分页的列表内容对应的html代码;其中,所述异步请求信息用于表示需要对所述目标分页进行异步加载操作;

第二发送模块,用于当确定所述访问请求中不包括异步请求信息时,向所述客户端发送所述目标分页的整个内容对应的html代码。

第四方面,本申请实施例提供一种页面加载装置,包括:

发送模块,用于向服务器发送针对目标分页的访问请求;

第一接收模块,用于当所述访问请求中包括异步请求信息时,接收所述服务器发送的所述目标分页的列表内容对应的html代码;其中,所述异步请求信息用于表示需要对所述目标分页进行异步加载操作;

第一处理模块,用于根据所述列表内容对应的html代码更新当前分页的列表内容;

第二接收模块,用于当所述访问请求中不包括异步请求信息时,接收所述服务器发送的所述目标分页的整个内容对应的html代码;

第二处理模块,用于根据所述整个内容对应的html代码加载所述目标分页的整个内容。

第五方面,本申请实施例提供一种页面加载设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现本申请实施例第一方面提供的页面加载方法的步骤以及本申请实施例第二方面提供的页面加载方法的步骤。

第六方面,本申请实施例提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现本申请实施例第一方面提供的页面加载方法的步骤以及本申请实施例第二方面提供的页面加载方法的步骤。

本申请实施例提供的页面加载方法、装置、设备和存储介质,在获取到客户端针对目标分页的访问请求之后,当确定访问请求中包括异步请求信息时,向客户端发送目标分页的列表内容对应的html代码;当确定访问请求中不包括异步请求信息时,向客户端发送目标分页的整个内容对应的html代码。即在需要对目标分页进行Ajax异步加载操作时,服务器仅向客户端发送目标分页的列表内容对应的html代码,避免服务器对列表分页的公共内容反复进行渲染,从而提高了服务器的响应性能,进而提高了页面加载速度。在不需要对目标分页进行Ajax异步加载操作时,比如搜索引擎爬虫注重的是完整的html代码及内容信息,对于此种情况,该访问请求中不包含异步请求信息,服务器可以向客户端返回目标分页的整个内容对应的html代码,从而便于搜索引擎从html代码里提炼信息内容。即本申请实施例提供的技术方案,不但提高了页面加载速度,同时也不影响搜索引擎的使用,保证网站在搜索引擎中的排名数据不受影响。

附图说明

图1为本申请实施例提供的页面加载方法所适用的系统架构图;

图2为本申请实施例提供的页面加载方法的一种流程示意图;

图3为本申请实施例提供的访问请求生成过程的一种流程示意图;

图4为本申请实施例提供的页面加载方法的另一种流程示意图;

图5为本申请实施例提供的页面加载方法的又一种流程示意图;

图6为本申请实施例提供的页面加载装置的一种结构示意图;

图7为本申请实施例提供的页面加载装置的另一种结构示意图;

图8为本申请实施例提供的页面加载设备的一种结构示意图。

具体实施方式

图1为本申请实施例提供的页面加载方法所适用的系统架构图。如图1所示,该系统可以包括:客户端10和网站服务器11。其中,客户端10可以通过其上安装的浏览器加载网站服务器11上的各个网页,从而实现对目标网站的访问。可选的,客户端10可以为个人计算机(Personal Computer,PC)、智能电话、智能手表以及可便携式设备等具有上网功能、且可以与外部设备或者用户交互的电子设备。可选的,网站服务器11可以是独立的服务器,也可以是多个服务器组成的服务器集群。本发明实施例在此对客户端10以及网站服务器11的具体形式不做限定。

在相关技术中,对于列表分页的页面加载,通常仍是由客户端触发超文本传输协议(HyperText Transfer Protocol,HTTP)请求到服务器,服务器接收并对其进行处理后再返回一个新的HTML页面给客户端。每当服务器处理客户端提交的HTTP请求时,客户端都只能空闲等待,即使只是一次很小的数据交互,都需要服务器返回整个HTML页面,导致列表分页的加载速度较慢。为此,本申请实施例提供的技术方案,旨在解决上述相关技术中存在的技术问题。

为了使本申请的目的、技术方案及优点更加清楚明白,通过下述实施例并结合附图,对本申请实施例中的技术方案进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本申请,并不用于限定本申请。

以下先以执行主体为网站服务器(以下简称服务器)为例进行介绍:

图2为本申请实施例提供的页面加载方法的一种流程示意图。本实施例涉及的是服务器如何处理客户端的访问请求的具体过程,如图2所示,该方法可以包括:

S201、获取客户端针对目标分页的访问请求。

其中,对于列表分页,客户端请求打开一个列表分页时,会向服务器发送访问请求。例如,客户端可以以HTTP方式向服务器发送访问请求,该访问请求包括目标分页的统一资源定位符(Uniform Resource Locator,URL)地址。

目标分页可以是客户端在当前分页中需要访问的任意一个分页。通常,目标网站中的每一个列表分页中均包括分页条。在客户端首次访问目标网站,并进入目标网站中的第一个列表分页后,此时可以将第一个列表分页认为是当前分页,且当前分页中包括分页条。这样,客户端便可以通过当前分页中的分页条选择下一个需要访问的目标分页。在客户端进入目标分页之后,该目标分页作为新的当前分页,此时客户端可以通过新的当前分页中的分页条选择下一个目标分页,以此类推。以新闻列表分页为例,客户端可以在当前新闻分页中的分页条中选择目标新闻分页,并向服务器发送HTTP请求,以获取目标新闻分页的页面数据。

S202、当确定所述访问请求中包括异步请求信息时,向所述客户端发送所述目标分页的列表内容对应的html代码。

其中,所述异步请求信息用于表示需要对目标分页进行Ajax异步加载操作。由于目标网站中的各列表分页的公共内容基本变化不大,仅列表内容存在不同,因此,在对列表分页进行页面加载时,为了提高页面的加载速度,可以使用Ajax异步加载技术。然而Ajax异步加载技术是需要通过JavaSript程序实现的,然而在本申请中使用该异步加载技术后,服务器仅返回了目标分页的部分内容,并没有返回目标分页的完整内容,从而导致搜索引擎无法爬取到该页面的完整数据,特别是列表类型的页面,它是详情内容的重要入口,从而影响目标网站在搜索引擎中收录和排名。

为此,为了在提高页面的加载速度的同时,不影响网站在搜索引擎中的排名数据,可以分别针对两种情况进行区别处理。即在需要对目标分页进行Ajax异步加载操作的场景下(例如,客户端对目标分页的访问操作由用户行为所触发的场景下),客户端触发访问请求时,客户端可以将异步请求信息携带在该访问请求中。这样,当服务器接收到客户端发送的访问请求时,服务器可以基于该访问请求中是否包含异步请求信息,来对访问请求进行针对性的处理。具体的,当服务器确定该访问请求包含异步请求信息时,服务器可以仅对目标分页的列表内容进行渲染,从而生成该列表内容对应的html代码,并将该列表内容对应的html代码返回给客户端,以使客户端对目标分页进行异步加载。其中,该列表内容是指目标分页与当前分页中不相同的内容。

S203、当确定所述访问请求中不包括异步请求信息时,向所述客户端发送所述目标分页的整个内容对应的html代码。

其中,在不需要对目标分页进行Ajax异步加载操作的场景下(例如,客户端对目标分页的访问操作由搜索引擎所触发的场景下),客户端触发访问请求时,客户端并不会将异步请求信息携带在该访问请求中。这样,当服务器接收到客户端发送的访问请求时,服务器可以基于该访问请求中是否包含异步请求信息,来对访问请求进行针对性的处理。具体的,当服务器确定该访问请求不包含异步请求信息时,服务器可以对目标分页的整个内容进行整体渲染,从而生成目标分页的整个内容对应的html代码,并将该整个内容对应的html代码返回给客户端,以使客户端对目标分页的整个页面内容进行加载,以便于搜索引擎抓取页面数据。其中,整个内容包括目标分页的列表内容和非列表内容,非列表内容是指目标分页与当前分页中相同的内容,即各列表分页中的公共内容。

可选的,为了能够实现目标分页的异步加载,在上述实施例的基础上,可选的,在上述S201之前,该方法还包括:将目标分页拆分为列表内容和非列表内容。

其中,服务器利用传统万维网后台模板的特性,可以预先将一个页面模板拆分为多个模板模块,即将各分页中的列表内容(可以理解为列表模板模块对应的内容)和非列表内容(可以理解为非列表模板模块对应的内容)进行分离。通过判断客户端发送的访问请求中是否携带异步请求信息,对目标分页的列表内容和整个内容进行条件渲染。即在访问请求中携带有异步请求信息时,对目标分页的列表内容进行渲染,仅输出列表内容对应的html代码,以实现目标分页的异步加载,提高页面的加载速度;在访问请求中没有携带有异步请求信息时,对目标分页的列表内容和非列表内容进行整体渲染,输出目标分页的整个内容对应的html代码,保持页面的完整性,从而便于搜索引擎对页面数据的抓取。

本申请实施例提供的页面加载方法,在获取到客户端针对目标分页的访问请求之后,当确定访问请求中包括异步请求信息时,向客户端发送目标分页的列表内容对应的html代码;当确定访问请求中不包括异步请求信息时,向客户端发送目标分页的整个内容对应的html代码。即在需要对目标分页进行Ajax异步加载操作时,服务器仅向客户端发送目标分页的列表内容对应的html代码,避免服务器对列表分页的公共内容反复进行渲染,从而提高了服务器的响应性能,进而提高了页面加载速度。在不需要对目标分页进行Ajax异步加载操作时,比如搜索引擎爬虫注重的是完整的html代码及内容信息,对于此种情况,该访问请求中不包含异步请求信息,服务器可以向客户端返回目标分页的整个内容对应的html代码,从而便于搜索引擎从html代码里提炼信息内容。即本申请实施例提供的技术方案,不但提高了页面加载速度,同时也不影响搜索引擎的使用,保证网站在搜索引擎中的排名数据不受影响。

为了在提高页面的加载速度的同时,不影响搜索引擎的使用,服务器可以基于客户端的不同访问请求进行区别处理。因此,在上述实施例的基础上,可选的,如图3所示,上述访问请求的生成过程,包括:

S301、获取所述客户端针对所述目标分页的访问类型。

其中,每一个列表分页中均包括分页条,分页条中包括各分页的分页链接,因此,客户端可以通过点击当前分页中的分页链接对目标分页进行访问。当然,客户端也可以通过浏览器地址栏对目标分页进行访问,即用户将需要访问的目标分页的地址信息输入至浏览器地址栏并触发访问操作,这样,在检测到用户通过浏览器地址栏对目标分页的访问操作后,客户端通过浏览器地址栏中的地址信息对目标分页进行访问。当然,客户端也可以通过爬虫工具搜索到的超链接实现对目标分页的访问。本实施例在此对客户端针对目标分页的访问类型不做具体限定。

S302、当所述访问类型为第一访问方式时,生成所述异步请求信息,并根据所述异步请求信息和所述目标分页的URL地址,生成第一访问请求。

其中,所述第一访问方式为通过当前分页中的分页链接进行访问的方式。由于目标网站中的各列表分页的公共内容基本变化不大,仅列表内容存在不同,因此,在对列表分页进行页面加载时,可以采用Ajax异步加载操作,从而提高页面加载的速度。针对此情况,当客户端通过当前分页中的分页链接对目标分页进行访问时,可以认为该访问操作由用户行为所触发,因此,为了提高页面加载速度,以提升用户的访问体验,客户端可以在访问请求中加入异步请求信息。具体的,在检测到用户所触发的访问操作后,客户端生成异步请求信息,并获取目标分页的URL地址,根据目标分页的URL地址和异步请求信息生成第一访问请求。例如,通过参数isAjax来表示异步请求信息,可以将isAjax设置为1,以表示需要对目标分页进行Ajax异步加载操作。

S303、当所述访问类型为第二访问方式时,根据所述目标分页的URL地址,生成第二访问请求。

其中,所述第二访问方式是除了所述第一访问方式以外的其它方式。当客户端不是通过当前分页中的分页链接对目标分页进行访问时,可以认为该访问操作由搜索引擎所触发,因此,为了不影响搜索引擎抓取页面数据,客户端可以直接基于目标分页的URL地址生成第二访问请求。

可选的,第二访问方式包括通过浏览器地址栏进行访问的方式和/或通过爬虫工具进行访问的方式。对于通过浏览器地址栏对目标分页进行访问的方式,当首次进入目标网站中的一个分页页面时,由于客户端本地不存在各分页的公共内容,因此,客户端也是直接基于该分页页面的URL地址生成第二访问请求,并向服务器发送第二访问请求。服务器接收到第二访问请求,对该分页页面的列表内容和非列表内容进行整体渲染,并将整体渲染结果返回给客户端。

在本实施例中,客户端可以基于对目标分页的访问类型来生成对应的访问请求,在访问类型为第一访问方式时,可以基于异步请求信息和目标分页的URL地址生成第一访问请求,在访问类型为第二访问方式时,直接基于目标分页的URL地址生成第二访问请求。这样,在服务器接收到客户端发送的第一访问请求时,服务器便可以向客户端返回目标分页的列表内容对应的html代码,以使客户端对目标分页进行Ajax异步加载操作,从而提高页面的加载速度;在服务器接收到客户端发送的第二访问请求时,服务器便可以向客户端发送目标分页的整个内容对应的html代码,便于搜索引擎对目标分页的页面数据进行抓取,不影响网站在搜索引擎中的排名数据。

接下来,再以执行主体为客户端为例进行介绍,具体的:

图4为本申请实施例提供的页面加载方法的另一种流程示意图。本实施例涉及的是客户端如何实现页面加载的具体过程。如图4所示,该方法可以包括:

S401、向服务器发送针对目标分页的访问请求。

其中,对于列表分页,客户端请求打开一个列表分页时,会向服务器发送访问请求。例如,客户端可以以HTTP方式向服务器发送访问请求,该访问请求包括目标分页的地址。

在实际应用中,为了在提高页面的加载速度的同时,不影响搜索引擎的使用,客户端可以向服务器发送不同的访问请求。在需要对目标分页进行Ajax异步加载操作的场景下(例如,客户端对目标分页的访问操作由用户所触发的场景下),客户端可以将异步请求信息携带在访问请求中并发送给服务器。在不需要对目标分页进行Ajax异步加载操作的场景下(例如,客户端对目标分页的访问操作由搜索引擎所触发的场景下),客户端并不会在访问请求中携带异步请求信息,直接根据目标分页的URL地址生成访问请求。

作为一种可选的实施方式,当客户端通过当前分页中的分页链接对目标分页进行访问时,可以认为该访问操作由用户行为所触发,因此,为了提高页面加载速度,以提升用户的访问体验,客户端可以在向服务器发送的访问请求中加入异步请求信息。具体的,在检测到用户所触发的访问操作后,客户端生成异步请求信息,并获取目标分页的URL地址,根据目标分页的URL地址和异步请求信息生成第一访问请求,并向服务器发送第一访问请求。

针对上述情况,可选的,上述访问请求的生成过程可以包括:获取所述客户端针对所述目标分页的访问类型;当所述访问类型为第一访问方式时,生成所述异步请求信息,并根据所述异步请求信息和所述目标分页的URL地址,生成第一访问请求;当所述访问类型为第二访问方式时,根据所述目标分页的URL地址,生成第二访问请求;其中,所述第一访问方式为通过当前分页中的分页链接进行访问的方式,所述第二访问方式是除了所述第一访问方式以外的其它方式。

在具体实现时,为了获知客户端是通过第一访问方式触发的目标分页的访问,可选的,可以为分页条的分页码链接标签中预先绑定点击事件,即分页条的分页码链接标签中预先绑定有点击事件。这样,当客户端监测到目标分页绑定的点击事件被触发时,客户端可以确定对目标分页的访问类型为第一访问方式。此时,客户端可以生成异步请求信息,并根据异步请求信息和目标分页的URL地址生成第一访问请求,并向服务端发送第一访问请求,以请求对目标分页进行异步加载。同时,为了能够使得服务端对目标分页进行异步加载,在监测到目标分页绑定的点击事件被触发时,客户端还需要拦截浏览器生成第二访问请求的操作,其中,第二访问请求是基于目标分页的URL地址生成的。

当客户端不是通过当前分页中的分页链接对目标分页进行访问时,可以认为该访问操作由搜索引擎所触发,因此,为了不影响搜索引擎抓取页面数据,客户端可以直接基于目标分页的URL地址生成第二访问请求,并向服务器发送第二访问请求。

S402、当所述访问请求中包括异步请求信息时,接收所述服务器发送的所述目标分页的列表内容对应的html代码,并根据所述列表内容对应的html代码更新当前分页的列表内容。

其中,所述异步请求信息用于表示需要对所述目标分页进行异步加载操作。在服务器接收到客户端发送的访问请求后,服务器确定访问请求中是否包括异步请求信息。当服务器确定访问请求中包括异步请求信息时,服务器向客户端返回目标分页的列表内容对应的html代码。这样,在客户端接收到服务器发送的目标分页的列表内容对应的html代码之后,客户端根据该html代码更新当前分页的列表内容,从而实现了目标分页的异步加载。

可选的,由于客户端采用了异步加载Ajax异步加载技术,因此,整个页面并不会重新刷新,浏览器地址栏中的地址信息也不会发生改变。为了便于通过浏览器地址栏直接访问其它分页页面,可选的,在客户端根据返回的列表内容对应的html代码更新当前分页的列表内容的同时,客户端还同步将浏览器地址栏中的当前地址修改为目标分页的URL地址。

可选的,由于客户端采用了异步加载Ajax异步加载技术,因此,浏览器并不会对异步加载的页面进行保存。为了能够通过浏览器的前进控件以及后退控件进行翻页,可选的,在客户端根据返回的列表内容对应的html代码更新当前分页的列表内容的同时,客户端还将当前分页的URL地址添加到浏览器的历史记录中。

S403、当所述访问请求中不包括异步请求信息时,接收所述服务器发送的所述目标分页的整个内容对应的html代码,并根据所述整个内容对应的html代码加载所述目标分页的整个内容。

其中,当服务器确定访问请求中不包括异步请求信息时,服务器向客户端返回目标分页的整个内容对应的html代码。这样,在客户端接收到服务器发送的目标分页的整个内容对应的html代码之后,客户端直接根据该html代码加载目标分页的整个页面内容,包括列表内容和非列表内容。这样,便于搜索引擎抓取目标分页的页面数据,有利于网站在搜索引擎中的排名。

本申请实施例提供的页面加载方法,客户端向服务器发送针对目标分页的访问请求,当访问请求中包括异步请求信息时,接收服务器发送的目标分页的列表内容对应的html代码,并根据该html代码更新当前分页的列表内容,当访问请求中不包括异步请求信息时,接收服务器发送的目标分页的整个内容对应的html代码,并根据该html代码加载目标分页的整个内容。即在需要对目标分页进行Ajax异步加载操作时,客户端向服务器发送携带异步加载信息的访问请求,这样,服务器仅向客户端发送目标分页的列表内容对应的html代码,避免服务器对列表分页的公共内容反复进行渲染,从而提高了服务器的响应性能,进而提高了页面加载速度。在不需要对目标分页进行Ajax异步加载操作时,比如搜索引擎爬虫注重的是完整的html代码及内容信息,客户端向服务器发送不包含异步请求信息的访问请求,这样,服务器可以向客户端返回目标分页的整个内容对应的html代码,从而便于搜索引擎从html代码里提炼信息内容。即本申请实施例提供的技术方案,不但提高了页面加载速度,同时也不影响搜索引擎的使用,保证网站在搜索引擎中的排名数据不受影响。

为了便于技术人员的理解,以下以客户端与服务器之间的交互为例介绍本申请实施例提供的技术方案,如图5所示,该方法可以包括:

S501、客户端获取针对目标分页的访问类型。

其中,分页条的分页码链接标签中预先绑定有点击事件。当客户端监测到目标分页绑定的点击事件被触发时,确定对目标分页的访问类型为第一访问方式。

S502、当访问类型为第一访问方式时,客户端生成异步请求信息,并根据异步请求信息和目标分页的统一资源定位符URL地址,生成第一访问请求,并向服务器发送第一访问请求。

其中,第一访问方式为通过当前分页中的分页链接进行访问的方式,异步请求信息用于表示需要对目标分页进行Ajax异步加载操作。可选的,客户端还拦截生成第二访问请求的操作,第二访问请求是基于目标分页的URL地址生成的。

S503、当访问类型为第二访问方式时,客户端根据目标分页的URL地址,生成第二访问请求,并向服务器发送第二访问请求。

其中,第二访问方式是除了第一访问方式以外的其它方式。可选的,第二访问方式包括通过浏览器地址栏进行访问的方式和/或通过爬虫工具进行访问的方式。

S504、当确定访问请求中包括异步请求信息时,即在服务器接收到第一访问请求后,服务器向客户端发送目标分页的列表内容对应的html代码。

S505、当确定访问请求中不包括异步请求信息时,即在服务器接收到第二访问请求后,服务器向客户端发送目标分页的整个内容对应的html代码。

S506、当客户端接收到服务器发送的目标分页的列表内容对应的html代码时,客户端根据该html代码更新当前分页的列表内容。

可选的,客户端还同步将浏览器地址栏中的当前地址修改为目标分页的URL地址,将当前分页的URL地址添加到浏览器的历史记录中。

S507、当客户端接收到服务器发送的目标分页的整个内容对应的html代码时,客户端根据该html代码加载目标分页的整个内容。

图6为本申请实施例提供的页面加载装置的一种结构示意图。如图6所示,该装置可以包括:获取模块601、第一发送模块602和第二发送模块603。

具体的,获取模块601用于获取客户端针对目标分页的访问请求;

第一发送模块602用于当确定所述访问请求中包括异步请求信息时,向所述客户端发送所述目标分页的列表内容对应的html代码;其中,所述异步请求信息用于表示需要对所述目标分页进行异步加载操作;

第二发送模块603用于当确定所述访问请求中不包括异步请求信息时,向所述客户端发送所述目标分页的整个内容对应的html代码。

本申请实施例提供的页面加载装置,在获取到客户端针对目标分页的访问请求之后,当确定访问请求中包括异步请求信息时,向客户端发送目标分页的列表内容对应的html代码;当确定访问请求中不包括异步请求信息时,向客户端发送目标分页的整个内容对应的html代码。即在需要对目标分页进行Ajax异步加载操作时,服务器仅向客户端发送目标分页的列表内容对应的html代码,避免服务器对列表分页的公共内容反复进行渲染,从而提高了服务器的响应性能,进而提高了页面加载速度。在不需要对目标分页进行Ajax异步加载操作时,比如搜索引擎爬虫注重的是完整的html代码及内容信息,对于此种情况,该访问请求中不包含异步请求信息,服务器可以向客户端返回目标分页的整个内容对应的html代码,从而便于搜索引擎从html代码里提炼信息内容。即本申请实施例提供的页面加载装置,不但提高了页面加载速度,同时也不影响搜索引擎的使用,保证网站在搜索引擎中的排名数据不受影响。

在上述实施例的基础上,可选的,该装置还包括:拆分模块;

具体的,拆分模块用于在所述获取模块601获取客户端针对目标分页的访问请求之前,将所述目标分页拆分为列表内容和非列表内容。

图7为本申请实施例提供的页面加载装置的另一种结构示意图。如图7所示,该装置可以包括:发送模块701、第一接收模块702、第一处理模块703、第二接收模块704和第二处理模块705;

具体的,发送模块701用于向服务器发送针对目标分页的访问请求;

第一接收模块702用于当所述访问请求中包括异步请求信息时,接收所述服务器发送的所述目标分页的列表内容对应的html代码;其中,所述异步请求信息用于表示需要对所述目标分页进行异步加载操作;

第一处理模块703用于根据所述列表内容对应的html代码更新当前分页的列表内容;

第二接收模块704用于当所述访问请求中不包括异步请求信息时,接收所述服务器发送的所述目标分页的整个内容对应的html代码;

第二处理模块705用于根据所述整个内容对应的html代码加载所述目标分页的整个内容。

本申请实施例提供的页面加载装置,客户端向服务器发送针对目标分页的访问请求,当访问请求中包括异步请求信息时,接收服务器发送的目标分页的列表内容对应的html代码,并根据该html代码更新当前分页的列表内容,当访问请求中不包括异步请求信息时,接收服务器发送的目标分页的整个内容对应的html代码,并根据该html代码加载目标分页。即在需要对目标分页进行Ajax异步加载操作时,客户端发送携带异步加载信息的访问请求,这样,服务器仅向客户端发送目标分页的列表内容对应的html代码,避免服务器对列表分页的公共内容反复进行渲染,从而提高了服务器的响应性能,进而提高了页面加载速度。在不需要对目标分页进行Ajax异步加载操作时,比如搜索引擎爬虫注重的是完整的html代码及内容信息,客户端向服务器发送不包含异步请求信息的访问请求,这样,服务器可以向客户端返回目标分页的整个内容对应的html代码,从而便于搜索引擎从html代码里提炼信息内容。即本申请实施例提供的技术方案,不但提高了页面加载速度,同时也不影响搜索引擎的使用,保证网站在搜索引擎中的排名数据不受影响,保证网站在搜索引擎中的排名数据不受影响。

在上述实施例的基础上,可选的,该装置还包括:获取模块、第一生成模块和第二生成模块;

具体的,获取模块用于获取所述客户端针对所述目标分页的访问类型;

第一生成模块用于当所述访问类型为第一访问方式时,生成所述异步请求信息,并根据所述异步请求信息和所述目标分页的URL地址,生成第一访问请求;其中,所述第一访问方式为通过当前分页中的分页链接进行访问的方式;

第二生成模块用于当所述访问类型为第二访问方式时,根据所述目标分页的URL地址,生成第二访问请求;其中,所述第二访问方式是除了所述第一访问方式以外的其它方式。

可选的,分页条的分页码链接标签中预先绑定有点击事件;

获取模块具体用于当监测到目标分页绑定的点击事件被触发时,确定对所述目标分页的访问类型为第一访问方式。

在上述实施例的基础上,可选的,该装置还包括:拦截模块;

拦截模块用于在监测到目标分页绑定的点击事件被触发时,拦截生成第二访问请求的操作,其中,第二访问请求是基于所述目标分页的URL地址生成的。

可选的,所述第二访问方式包括通过浏览器地址栏进行访问的方式和/或通过爬虫工具进行访问的方式。

在上述实施例的基础上,可选的,该装置还包括:第三处理模块;

具体的,第三处理模块用于在第一处理模块703根据所述列表内容对应的html代码更新当前分页的列表内容时,同步将浏览器地址栏中的当前地址修改为所述目标分页的URL地址。

在上述实施例的基础上,可选的,该装置还包括:第四处理模块;

具体的,第四处理模块用于将所述当前分页的URL地址添加到浏览器的历史记录中。

在一个实施例中,提供了一种页面加载设备(该页面加载设备可以为服务器,也可以为客户端),其结构示意图可以如图8所示。该页面加载设备包括通过系统总线连接的处理器、存储器。其中,该页面加载设备的处理器用于提供计算和控制能力。该页面加载设备的存储器用于存储计算机程序。该计算机程序被处理器执行时以实现一种页面加载方法。

本领域技术人员可以理解,图8中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的页面加载设备的限定,具体的页面加载设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。

在一个实施例中,提供了一种服务器,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现以下步骤:

获取客户端针对目标分页的访问请求;

当确定所述访问请求中包括异步请求信息时,向所述客户端发送所述目标分页的列表内容对应的html代码;其中,所述异步请求信息用于表示需要对所述目标分页进行Ajax异步加载操作;

当确定所述访问请求中不包括异步请求信息时,向所述客户端发送所述目标分页的整个内容对应的html代码。

在一个实施例中,处理器执行计算机程序时还实现以下步骤:将所述目标分页拆分为列表内容和非列表内容。

在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:

获取客户端针对目标分页的访问请求;

当确定所述访问请求中包括异步请求信息时,向所述客户端发送所述目标分页的列表内容对应的html代码;其中,所述异步请求信息用于表示需要对所述目标分页进行Ajax异步加载操作;

当确定所述访问请求中不包括异步请求信息时,向所述客户端发送所述目标分页的整个内容对应的html代码。

在一个实施例中,计算机程序被处理器执行时还实现以下步骤:将所述目标分页拆分为列表内容和非列表内容。

在一个实施例中,提供了一种客户端,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现以下步骤:

向服务器发送针对目标分页的访问请求;

当所述访问请求中包括异步请求信息时,接收所述服务器发送的所述目标分页的列表内容对应的html代码,并根据所述列表内容对应的html代码更新当前分页的列表内容;其中,所述异步请求信息用于表示需要对所述目标分页进行异步加载操作;

当所述访问请求中不包括异步请求信息时,接收所述服务器发送的所述目标分页的整个内容对应的html代码,并根据所述整个内容对应的html代码加载所述目标分页的整个内容。

在一个实施例中,处理器执行计算机程序时还实现以下步骤:获取所述客户端针对所述目标分页的访问类型;当所述访问类型为第一访问方式时,生成所述异步请求信息,并根据所述异步请求信息和所述目标分页的URL地址,生成第一访问请求;其中,所述第一访问方式为通过当前分页中的分页链接进行访问的方式;当所述访问类型为第二访问方式时,根据所述目标分页的URL地址,生成第二访问请求;其中,所述第二访问方式是除了所述第一访问方式以外的其它方式。

在一个实施例中,分页条的分页码链接标签中预先绑定有点击事件,处理器执行计算机程序时还实现以下步骤:当监测到目标分页绑定的点击事件被触发时,确定对所述目标分页的访问类型为第一访问方式。

在一个实施例中,处理器执行计算机程序时还实现以下步骤:拦截生成第二访问请求的操作,其中,第二访问请求是基于所述目标分页的URL地址生成的。

可选的,所述第二访问方式包括通过浏览器地址栏进行访问的方式和/或通过爬虫工具进行访问的方式。

在一个实施例中,处理器执行计算机程序时还实现以下步骤:在根据所述列表内容对应的html代码更新当前分页的列表内容时,同步将浏览器地址栏中的当前地址修改为所述目标分页的URL地址。

在一个实施例中,处理器执行计算机程序时还实现以下步骤:将所述当前分页的URL地址添加到浏览器的历史记录中。

在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:

向服务器发送针对目标分页的访问请求;

当所述访问请求中包括异步请求信息时,接收所述服务器发送的所述目标分页的列表内容对应的html代码,并根据所述列表内容对应的html代码更新当前分页的列表内容;其中,所述异步请求信息用于表示需要对所述目标分页进行异步加载操作;

当所述访问请求中不包括异步请求信息时,接收所述服务器发送的所述目标分页的整个内容对应的html代码,并根据所述整个内容对应的html代码加载所述目标分页的整个内容。

在一个实施例中,计算机程序被处理器执行时还实现以下步骤:获取所述客户端针对所述目标分页的访问类型;当所述访问类型为第一访问方式时,生成所述异步请求信息,并根据所述异步请求信息和所述目标分页的URL地址,生成第一访问请求;其中,所述第一访问方式为通过当前分页中的分页链接进行访问的方式;当所述访问类型为第二访问方式时,根据所述目标分页的URL地址,生成第二访问请求;其中,所述第二访问方式是除了所述第一访问方式以外的其它方式。

在一个实施例中,分页条的分页码链接标签中预先绑定有点击事件,计算机程序被处理器执行时还实现以下步骤:当监测到目标分页绑定的点击事件被触发时,确定对所述目标分页的访问类型为第一访问方式。

在一个实施例中,计算机程序被处理器执行时还实现以下步骤:拦截生成第二访问请求的操作,其中,第二访问请求是基于所述目标分页的URL地址生成的。

可选的,所述第二访问方式包括通过浏览器地址栏进行访问的方式和/或通过爬虫工具进行访问的方式。

在一个实施例中,计算机程序被处理器执行时还实现以下步骤:在根据所述列表内容对应的html代码更新当前分页的列表内容时,同步将浏览器地址栏中的当前地址修改为所述目标分页的URL地址。

在一个实施例中,计算机程序被处理器执行时还实现以下步骤:将所述当前分页的URL地址添加到浏览器的历史记录中。

上述实施例中提供的页面加载装置、设备以及存储介质可执行本申请任意实施例所提供的页面加载方法,具备执行该方法相应的功能模块和有益效果。未在上述实施例中详尽描述的技术细节,可参见本申请任意实施例所提供的页面加载方法。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

以上所述实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。

相关技术
  • 页面加载方法、业务处理方法、装置、存储介质与设备
  • 一种页面加载方法、装置、设备及可读存储介质
技术分类

06120112410374