一种网页加载方法、装置及系统的制作方法
【专利摘要】本发明提出一种网页加载方法、装置及系统，该方法根据用户端发送的携带有被加载过的url的AJAX请求，获取所述AJAX请求中携带的url对应的网页中发生变化的网页元素；对所述用户端的网页浏览器的可见区域进行监听；当所述url对应的网页在所述可见区域内的部分已被加载过，且所述发生变化的网页元素中存在位于所述url对应的网页在所述可见区域内的部分的网页元素时，对所述用户端的网页浏览器的可见区域中的网页元素进行重新加载，使服务器对用户端的网页浏览器的可见区域中的网页元素进行重新加载，避免加载不必要的信息，从而进一步减轻网页加载过程中网络的负荷。
【专利说明】一种网页加载方法、装置及系统
【技术领域】
[0001]本发明涉及网络技术，尤其涉及一种网页加载方法、装置及系统。
【背景技术】
[0002]传统的网页加载方法中，服务器为用户端加载一个网页后，服务器允许用户端填写表单以更新该网页。当用户端通过提交表单向服务器发送网页更新请求。服务器接收并处理用户端发送的表单，然后向该用户端返回一个新的网页，即重新加载网页。但是，由于返回的新的网页与之前加载的网页中的大部分HTML代码往往是相同的，使得服务器与用户端之间传送了许多重复内容，导致增加了不必要的网络负荷。
[0003]为了解决上述问题，现有网页加载方法中采用了异步JavaScript和XML(Asynchronous JavaScript and XML,简称AJAX)技术。具体地,用户端要更新某一网页时，向服务器发送AJAX请求，服务器接收到AJAX请求时，仅向用户端发送该网页中发生变化的网页内容，减轻了网络负荷。
[0004]但是，现有技术无法进一步减轻网络负荷。
【发明内容】
[0005]本发明的目的在于提出一种网页加载方法、装置及系统，以进一步减轻网页加载过程中网络的负荷。
[0006]为达此目的，本发明采用以下技术方案:
[0007]本发明提供一种网页加载方法，包括:
[0008]根据用户端发送的携带有被加载过的url的AJAX请求,获取所述AJAX请求中携带的url对应的网页中发生变化的网页元素；
[0009]对所述用户端的网页浏览器的可见区域进行监听；
[0010]当所述url对应的网页在所述可见区域内的部分已被加载过，且所述发生变化的网页元素中存在位于所述url对应的网页在所述可见区域内的部分的网页元素时，将位于所述url对应的网页在所述可见区域内的部分的网页元素发送给所述用户端，以对所述用户端的网页浏览器的可见区域中的网页元素进行重新加载。
[0011]本发明又提供一种网页加载装置，包括:
[0012]请求响应单元，用于根据用户端发送的携带有被加载过的url的AJAX请求，获取所述AJAX请求中携带的url对应的网页中发生变化的网页元素；
[0013]浏览器监听单元，用于对所述用户端的网页浏览器的可见区域进行监听；
[0014]页面加载单元,用于当所述url对应的网页在所述可见区域内的部分已被加载过，且所述发生变化的网页元素中存在位于所述url对应的网页在所述可见区域内的部分的网页元素时，将位于所述url对应的网页在所述可见区域内的部分的网页元素发送给所述用户端，以对所述用户端的网页浏览器的可见区域中的网页元素进行重新加载。
[0015]本发明还提供一种服务器，所述服务器中包括:上述网页加载装置。[0016]本发明还提供一种网页加载系统，包括:用户端和上述服务器，所述用户端用于发送携带有被加载过的url的AJAX请求，所述服务器用于根据所述用户端发送的携带有被加载过的url的AJAX请求，对所述用户端的浏览器中的页面进行加载。
[0017]本发明提供的方法、装置及系统，通过获取AJAX请求中携带的url对应的网页中发生变化的网页元素并且对用户端的网页浏览器的可见区域进行监听，使服务器对用户端的网页浏览器的可见区域中的网页元素进行重新加载，避免加载不必要的信息，从而进一步减轻了网页加载过程中网络的负荷。
【专利附图】
【附图说明】
[0018]通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显:
[0019]图1是本发明实施例提供的一种网页加载方法的流程图；
[0020]图2是本发明实施例提供的网页加载方法中网页元素的一种位置示意图；
[0021]图3是本发明实施例提供的网页加载方法中网页元素的另一种位置示意图；
[0022]图4是本发明实施例提供的网页加载方法中网页元素的又一种位置示意图；
[0023]图5是本发明实施例提供的一种网页加载装置的结构示意图；
[0024]图6是本发明实施例提供的一种网页加载系统的结构示意图。
【具体实施方式】
[0025]下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部内容。
[0026]图1是本发明实施例提供的一种网页加载方法的流程图。本实施例所示的方法可通过服务器来实现。如图1所示，网页加载方法，可包括:
[0027]步骤11，根据用户端发送的携带有被加载过的url的AJAX请求，获取所述AJAX请求中携带的url对应的网页中发生变化的网页元素。
[0028]例如，当用户端的浏览器中已被加载过一个url对应的网页，且该网页是一个大页面，即浏览器不能显示出该网页的全部内容，只能在浏览器的可见区域内显示一部分内容时，用户可以通过控制浏览器的滚动条上下滚动来查看各部分的内容。用户在第一次访问该网页时，为了提高网页的加载速度，服务器可能只为用户端加载了浏览器可见区域内的部分页面而非加载全部页面，此时用户若需要更新该页面时通常会发送AJAX请求，服务器收到该请求之后会获取所述AJAX请求中携应的网页中发生变化的网页元素，例如该网页是一个大型表格，用户可能会填写某些内容并提交给服务器，以更新该表格的其他内容，并且该表格中还有大部分内容不会被更新，此过程用户提交的更新请求是AJAX请求，那么服务器会获取其中会被更新的内容，而不会处理其中未被更新的内容。
[0029]步骤12，对所述用户端的网页浏览器的可见区域进行监听。
[0030]例如，服务器会监听用户端的网页浏览器的可见区域，S卩服务器要获知该用户端的网页浏览器当前的可见区域范围，为后续的处理步骤做准备。
[0031]步骤13，当所述url对应的网页在所述可见区域内的部分已被加载过，且所述发生变化的网页元素中存在位于所述url对应的网页在所述可见区域内的部分的网页元素时，将位于所述url对应的网页在所述可见区域内的部分的网页元素发送给所述用户端，以对所述用户端的网页浏览器的可见区域中的网页元素进行重新加载。
[0032]这样，当服务器获知了用户端的网页浏览器当前的可见区域范围，并且该可见区域内的页面内容之前已经被加载过时，如果用户又发来更新整个网页中的网页元素的请求时，服务器则仅为用户端更新其请求更新的并且在浏览器可见区域内的网页元素。
[0033]示例性的，当所述url对应的网页在所述可见区域以外的部分未被加载过时，则结束。
[0034]如果服务器只为用户端网页浏览器加载过可见区域内的内容，可见区域以外的内容从未被加载过时，那么所有未在可见区域内的网页元素将不会被更新。例如用户访问一个大型表格网页，首次访问时，用户端的浏览器只显示了该表格的前半部分，并且用户从未控制浏览器滚动条观看其他部分内容，浏览器可见区域以外的内容即从未被加载过，然后用户发送了 AJAX请求，请求更新某些网页元素，这些网页元素可能是该表格各个部分的内容，其中某些内容可能位于浏览器的可见区域以外，那么服务器将不对位于可见区域以外的网页元素进行更新，本方法可以用于处理某些带有自动更新功能的网页，避免网页自动更新时更新一些不必要的内容。
[0035]示例性的，当所述url对应的网页在所述可见区域以外的部分已被加载过，且所述发生变化的网页元素中存在位于所述url对应的网页在所述可见区域以外的部分的网页元素时，则为位于所述url对应的网页在所述可见区域以外的部分的网页元素设置标志，所述标志用于指示位于所述url对应的网页在所述可见区域以外的部分的网页元素不被加载。
[0036]如果服务器为用户端网页浏览器加载过可见区域内的内容，并且也加载过部分可见区域以外的内容，默认情况下服务器会对位于可见区域内的网页元素和已被加载过的位于可见区域以外的网页元素进行更新。本发明可以为位于可见区域以外的网页元素设置一种标志，服务器将不会为用户端加载设有该标志的网页元素，本方法可以用于使服务器有选择性地更新网页元素，对于用户浏览器可见区域以外的内容，服务器可以强制不更新其中某些元素。
[0037]示例性的，对所述用户端的网页浏览器的可见区域进行监听，包括:
[0038]监听所述发生变化的网页元素中是否存在位于所述url对应的网页在所述可见区域内的部分的网页元素:
[0039]当(KAiKC时，第i个网页元素在所述可见区域内；
[0040]当Α「Β〈0或Ai_B>C时，第i个网页元素在所述可见区域外；
[0041]其中，Ai为所述发生变化的第i个网页元素到所述url对应的网页的顶部的距离，B为所述url对应的网页的顶部与所述可见区域的顶部之间的距离，C为所述可见区域的高度。
[0042]例如，当发生变化的网页元素的位置如图2所示，一个大型表格网页21中一个需要更新的网页元素25，即第i个网页元素，该网页元素距离表格顶部的距离26为5，即Ai=S ；此时用户浏览器的可见区域22的顶部与该表格顶部的距离23为3，即B=3 ;此时用户端浏览器的可见区域的高度24为3，即C=3 ;按照上述公式计算:0〈\3=2〈(:，该元素在用户端浏览器的可见区域22内。
[0043]当发生变化的网页元素的位置如图3所示，一个大型表格网页31，其中一个需要更新的网页元素35，即第i个网页元素，该网页元素距离表格顶部的距离36为1，即Ai=I ；此时用户浏览器的可见区域32的顶部与该表格顶部的距离33为3，即B=3 ;此时用户端浏览器的可见区域的高度34为3，即C=3 ;按照上述公式计算=A1-B=KO,该元素在用户端浏览器的可见区域32以外。
[0044]当发生变化的网页元素的位置如图4所示，一个大型表格网页41，其中一个需要更新的网页元素45，即第i个网页元素，该网页元素距离表格顶部的距离46为8，即Ai=S ；此时用户浏览器的可见区域42的顶部与该表格顶部的距离43为3，即B=3 ;此时用户端浏览器的可见区域的高度34为3，即C=3 ;按照上述公式计算:A1-B=5>C，该元素在用户端浏览器的可见区域32以外。
[0045]综上所述，可知A1-B=O时，是可见区域顶部的临界位置，表示第i个网页元素位于可见区域的顶部边缘，当AiKO时，第i个网页元素即不在可见区域之中而在该可见区域上方A-B=C时，是可见区域底部临界位置，表示第i个网页元素位于可见区域的底部边缘，当A1-BX:时，第i个网页元素即不在可见区域之中而在该可见区域下方。通常情况下，用户端的浏览器的可见区域顶部和底部还具有边距，实际应用中按照上述方法进行计算时，还应考虑边距的闻度。
[0046]本实施例提供的方法通过获取AJAX请求中携带的url对应的网页中发生变化的网页元素并且对用户端的网页浏览器的可见区域进行监听，对用户端的网页浏览器的可见区域中的网页元素进行重新加载，避免加载不必要的信息，从而进一步减轻了网页加载过程中网络的负荷。
[0047]图5是本发明实施例提供的一种网页加载装置的结构示意图。本实施例所示的装置可为服务器用于实现图1所示的方法。如图5所示，网页加载装置51，包括:
[0048]请求响应单元511,用于根据用户端发送的携带有被加载过的url的AJAX请求,获取所述AJAX请求中携带的url对应的网页中发生变化的网页元素；
[0049]浏览器监听单元512，用于对所述用户端的网页浏览器的可见区域进行监听；
[0050]页面加载单元513,当所述url对应的网页在所述可见区域内的部分已被加载过，且所述发生变化的网页元素中存在位于所述url对应的网页在所述可见区域内的部分的网页元素时，用于将位于所述url对应的网页在所述可见区域内的部分的网页元素发送给所述用户端，以对所述用户端的网页浏览器的可见区域中的网页元素进行重新加载。
[0051]示例性的，所述页面域加载单元513还用于当所述url对应的网页在所述可见区域以外的部分未被加载过时，结束加载。
[0052]示例性的,所述网页加载装置51还包括:
[0053]标志设置单元，用于当所述url对应的网页在所述可见区域以外的部分已被加载过，且所述发生变化的网页元素中存在位于所述url对应的网页在所述可见区域以外的部分的网页元素时，为位于所述url对应的网页在所述可见区域以外的部分的网页元素设置标志，所述标志用于指示位于所述url对应的网页在所述可见区域以外的部分的网页元素不被加载。
[0054]示例性的，所述浏览器监听单元512具体用于监听所述发生变化的网页元素中是否存在位于所述url对应的网页在所述可见区域内的部分的网页元素:
[0055]当(KAiKC时，第i个网页元素在所述可见区域内；
[0056]当AiKO或Ai_B>C时，第i个网页元素在所述可见区域外；
[0057]其中，Ai为所述发生变化的第i个网页元素到所述url对应的网页的顶部的距离，B为所述url对应的网页的顶部与所述可见区域的顶部之间的距离，C为所述可见区域的高度。
[0058]本发明实施例提供的网页加载装置，通过请求响应单元获取用户端发送的携带有被加载过的url的AJAX请求，并且通过浏览器监听单元对用户端的网页浏览器的可见区域进行监听，使页面加载单元对用户端的网页浏览器的可见区域中的网页元素进行重新加载，避免加载不必要的信息，从而进一步减轻了网页加载过程中网络的负荷。
[0059]本发明实施例提供的服务器可包括上述装置实施例提供的任一种网页加载装置，也即上述装置实施例提供的任一种网页加载装置可设置于服务器中，任何具有上述任一种网页加载装置的服务器都可用于实现图1所示的方法。
[0060]图6是本发明实施例提供的一种网页加载系统的结构示意图。本实施例所示的系统用于实现图1所示的方法。如图6所示，网页加载系统包括:用户端61和服务器62。月艮务器62可为上述任一种网页加载装置，也可为包括上述任一种网页加载装置的服务器。用户端61用于发送携带有被加载过的url的AJAX请求，所述服务器62用于根据所述用户端61发送的携带有被加载过的url的AJAX请求，对所述用户端61的浏览器中的页面进行加载。
[0061]本发实施例提供的网页加载系统，通过服务器获取用户端发送的携带有被加载过的url的AJAX请求，并且通过服务器对用户端的网页浏览器的可见区域进行监听，最终通过服务器对用户端的网页浏览器的可见区域中的网页元素进行重新加载，避免加载不必要的信息，从而进一步减轻了网页加载过程中网络的负荷。
[0062]上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。
【权利要求】
1.一种网页加载方法，其特征在于，包括: 根据用户端发送的携带有被加载过的统一资源定位符url的AJAX请求，获取所述AJAX请求中携带的url对应的网页中发生变化的网页元素； 对所述用户端的网页浏览器的可见区域进行监听； 当所述url对应的网页在所述可见区域内的部分已被加载过，且所述发生变化的网页元素中存在位于所述url对应的网页在所述可见区域内的部分的网页元素时，将位于所述url对应的网页在所述可见区域内的部分的网页元素发送给所述用户端，以对所述用户端的网页浏览器的可见区域中的网页元素进行重新加载。
2.根据权利要求1所述的方法，其特征在于， 当所述url对应的网页在所述可见区域以外的部分未被加载过时，则结束加载。
3.根据权利要求1或2所述的方法，其特征在于， 当所述url对应的网页在所述可见区域以外的部分已被加载过，且所述发生变化的网页元素中存在位于所述url对应的网页在所述可见区域以外的部分的网页元素时，则为位于所述url对应的网页在所述可见区域以外的部分的网页元素设置标志，所述标志用于指示位于所述url对应的网页 在所述可见区域以外的部分的网页元素不被加载。
4.根据权利要求1或2所述的方法，其特征在于，对所述用户端的网页浏览器的可见区域进行监听，包括: 监听所述发生变化的网页元素中是否存在位于所述url对应的网页在所述可见区域内的部分的网页元素: 当OaiKC时，第i个网页元素在所述可见区域内； 当AiKO或A1-BX:时，第i个网页元素在所述可见区域外； 其中，Ai为所述发生变化的第i个网页元素到所述url对应的网页的顶部的距离，B为所述url对应的网页的顶部与所述可见区域的顶部之间的距离，C为所述可见区域的高度。
5.一种网页加载装置，其特征在于，包括: 请求响应单元，用于根据用户端发送的携带有被加载过的url的AJAX请求，获取所述AJAX请求中携带的url对应的网页中发生变化的网页元素； 浏览器监听单元，用于对所述用户端的网页浏览器的可见区域进行监听； 页面加载单元，用于当所述url对应的网页在所述可见区域内的部分已被加载过，且所述发生变化的网页元素中存在位于所述url对应的网页在所述可见区域内的部分的网页元素时，将位于所述url对应的网页在所述可见区域内的部分的网页元素发送给所述用户端，以对所述用户端的网页浏览器的可见区域中的网页元素进行重新加载。
6.根据权利要求5所述的装置，其特征在于， 所述页面域加载单元还用于当所述url对应的网页在所述可见区域以外的部分未被加载过时，结束加载。
7.根据权利要求5或6所述的装置，其特征在于，所述装置还包括: 标志设置单元，用于当所述url对应的网页在所述可见区域以外的部分已被加载过，且所述发生变化的网页元素中存在位于所述url对应的网页在所述可见区域以外的部分的网页元素时，为位于所述url对应的网页在所述可见区域以外的部分的网页元素设置标志，所述标志用于指示位于所述url对应的网页在所述可见区域以外的部分的网页元素不被加载。
8.根据权利要求7所述的装置，其特征在于，所述浏览器监听单元具体用于监听所述发生变化的网页元素中是否存在位于所述url对应的网页在所述可见区域内的部分的网页元素: 当OaiKC时，第i个网页元素在所述可见区域内； 当AiKO或A1-BX:时，第i个网页元素在所述可见区域外； 其中，Ai为所述发生变化的第i个网页元素到所述url对应的网页的顶部的距离，B为所述url对应的网页的顶部与所述可见区域的顶部之间的距离，C为所述可见区域的高度。
9. 一种服务器，其特征在于，所述服务器中包括:上述权利要求5-8所述的网页加载装置。
10.一种网页加载系统，其特征在于，包括:用户端和上述权利要求9所述的服务器，所述用户端用于发送携带有被加载过的url的AJAX请求，所述服务器用于根据所述用户端发送的携带有被加载过的url的AJAX请求，对所述用户端的浏览器中的页面进行加载。
【文档编号】G06F9/445GK103577603SQ201310583018
【公开日】2014年2月12日 申请日期:2013年11月19日 优先权日:2013年11月19日
【发明者】宋小兵 申请人:北京京东尚科信息技术有限公司