一种在页面中加载内容的方法及装置制造方法及图纸

技术编号:12101092 阅读:105 留言:0更新日期:2015-09-23 19:11
本发明专利技术公开了一种在页面中加载内容的方法,包括:在滚动动态加载内容的页面添加带有滑块的滑条,向服务器请求内容的总数量,接收服务器返回的总数量;将滑条分为若干区段,将总数量划分为分别对应若干区段的若干分量;确定滑条的每区段对应的分量范围;如果滑块被滑动,则根据滑条的每区段对应的分量范围,确定滑块滑动到目标区段时,目标区段对应的分量范围;如果目标区段对应的分量范围对应的待加载内容未加载,向服务器发送携带目标区段对应的分量范围的内容的加载请求;将服务器针对加载请求返回的待加载内容加载到页面。用户可以通过拖动滑块滑动实现快速浏览。另外,本发明专利技术实施例还提供了一种在页面中加载内容的装置。

【技术实现步骤摘要】

本专利技术涉及互联网领域,特别涉及一种在页面中加载内容的方法及装置
技术介绍
目前,为了在用户访问网页时,能够流畅地显示内容丰富、页面较长、图片较多的页面,在很多网页浏览器上都采取了页面滚动动态加载内容的加载方式。和传统的翻页相t匕,不会一次性地将全部内容加载到页面,而是先从服务器加载一定数量的内容并显示,当页面滚动到已加载内容的尽头时,网页浏览器自动向服务器发送加载请求,并将服务器返回的后续内容自动加载到页面底部并显示,因此,用户可以轻松地继续向后浏览,减少被打断的感觉,使用更为流畅。但是,在用户需要浏览距当前浏览的内容较远的内容时,需要多次的滚动页面,直到滚动到内容所在位置,网页浏览器才能将用户需要浏览的内容加载到页面,效率很低,用户体验较差。
技术实现思路
有鉴于此,本专利技术的主要目的在于提供一种在页面中加载内容的方法及装置以实现在动态加载内容的页面中,用户可以尽快浏览到想要的内容的目的。在本专利技术实施例的第一个方面,提供了一种在页面中加载内容的方法,例如,该方法可以包括:在动态加载内容的页面添加带有滑块的滑条,向服务器请求所述内容的总数量,接收服务器返回的总数量;将所述滑条分为若干区段;将所述总数量划分为分别对应所述若干区段的若干分量;确定滑块滑动到目标区段时,目标区段对应的分量范围;如果所述目标区段对应的分量范围对应的待加载内容未加载,向服务器发送携带所述目标区段对应的分量范围的内容的加载请求;将服务器针对所述加载请求返回的待加载内容加载到所述页面。在本专利技术实施例的第二个方面,提供了一种在页面中加载内容的装置,例如,该装置可以包括:添加滑条单元,用于在动态加载内容的页面添加带有滑块的滑条;获取数量单元,用于向服务器请求所述内容的总数量,接收服务器返回的总数量;区段确定单元,用于将所述滑条分为若干区段,将所述总数量划分为分别对应所述若干区段的若干分量,确定滑条的每区段对应的分量范围;分量确定单元,用于如果滑块被滑动,则根据滑条的每区段对应的分量范围,确定滑块滑动到目标区段时,目标区段对应的分量范围;加载请求单元,用于如果所述目标区段对应的分量范围对应的待加载内容未加载,向服务器发送携带所述目标区段对应的分量范围的内容的加载请求;加载单元,用于将服务器针对所述加载请求返回的待加载内容加载到所述页面。可见本专利技术具有如下有益效果:由于在动态加载内容的页面(如滚动或滑动动态加载内容的页面),添加带有滑块的滑条,在获得所述内容的总数量后确定滑条的每区段对应的分量范围,如果滑块滑动,又根据滑条的每区段对应的分量范围,确定滑块滑动到目标区段时,目标区段对应的分量范围,向服务器发送携带所述目标区段对应的分量范围的内容的加载请求,将服务器针对所述加载请求返回的待加载内容加载到所述页面,因此,用户可以通过拖动滑块滑动尽快浏览到想要的内容,效率较高,用户体验较好。【附图说明】图1是本专利技术实施例涉及的页面示意图;图2是本专利技术实施例提供的一种在页面中加载内容的方法的流程示意图;图3是本专利技术实例提供的一种在页面中加载内容的装置的结构示意图之一;图4是本专利技术实例提供的一种在页面中加载内容的装置的结构示意图之二。【具体实施方式】为了使本
的人员更好地理解本专利技术中的技术方案,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整的描述,显然,所描述的实施例仅仅是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员所获得的所有其他实施例,都应当属于本专利技术保护的范围。例如,可以在网页浏览器应用本专利技术实施例提供的在页面中加载内容的方法。如图1所示,应用本专利技术实施例提供的方法的网页浏览器可以在动态加载内容的页面101(如,滚动或滑动动态加载内容的页面,或称,无尽列表)添加带有滑块102的滑条103。在用户使用网页浏览器通过动态加载内容的页面浏览电子商务网站时,可以将搜索出的商品按价格从低到高排序浏览商品。而排序在前的价格太低的商品不是用户想要浏览的商品时,用户可以通过拖动滑块102滑动尽快浏览到想要的商品内容。例如,参见图2,为本专利技术实施例提供的一种在页面中加载内容的方法的流程图。如图2所示,所述方法可以包括:S210、向服务器请求所述内容的总数量,接收服务器返回的总数量;在这里,所述内容是指,动态加载内容的页面从一开始加载,经动态加载至最后一次加载的过程中所能够加载的全部内容。例如,如所述内容均为图片,则总数量可以按照图片数量来衡量,如,所述内容的总数量为1000张图片;再例如,所述内容的总数量可以按照内容的条数来衡量,如,所述内容的总数量为1000条内容。可以理解的是,由于网页浏览器从服务器端获得需要加载的内容,因此,服务器端保存有全部内容,也能够确定全部内容的总数量。因此,网页浏览器可以向服务器请求所述内容的总数量。例如,在用户使用网页浏览器在电子商务网站搜索商品时,服务器可以根据用户的搜索条件搜索出符合搜索条件的全部内容,将全部内容组织为可以加载到页面的格式,同时计算出全部内容的总数量。服务器将一部分内容返回给网页浏览器以使网页浏览器打开动态加载内容的页面以显示服务器返回的一部分内容。在本专利技术实施例中,可以在网页浏览器打开动态加载内容的页面以加载服务器返回的一部分内容的同时,相应向服务器请求所述内容的总数量,并在该动态加载内容的页面添加带有滑块的滑条。可以理解的是,本专利技术实施例在该动态加载内容的页面添加带有滑块的滑条的时机不限,只要在用户需要快速浏览内容之前添加均可。带有滑块的滑条可以是网页浏览器所支持的任意滑块条组件。S220、将所述滑条分为若干区段,将所述总数量划分为分别对应所述若干区段的若干分量,确定滑条的每区段对应的分量范围;需要说明的是,滑条的长度可以任意设置,整个长度可以按照滑块能够滑动的最小距离进行划分,划分为若干区段。所述将总数量划分为分别对应所述若干区段的若干分量,例如可以根据滑条的区段数以及内容的总数量,将内容的总数量按照所述滑条的区段数进行均分,从而确定滑条的每区段对应的分量范围。通过确定滑条的每区段对应的分量范围,所述内容中任意一分量范围对应的内容均可以在滑条上找到与其对应的一个区段。从而用户可以通过拖动滑块浏览到所述内容中的任意一部分。S230、如果滑块被滑动,则根据滑条的每区段对应的分量范围,确定滑块滑动到目标区段时,目标区段对应的分量范围;在本专利技术实施例一种可能的实现方式中,所述当前第1页1 2 3 本文档来自技高网
...

【技术保护点】
一种在页面中加载内容的方法,其特征在于,在动态加载内容的页面添加带有滑块的滑条,所述方法包括:向服务器请求所述内容的总数量,接收服务器返回的总数量;将所述滑条分为若干区段;将所述总数量划分为分别对应所述若干区段的若干分量;确定滑条的每区段对应的分量范围;如果滑块被滑动,则根据滑条的每区段对应的分量范围,确定滑块滑动到目标区段时,目标区段对应的分量范围;如果所述目标区段对应的分量范围对应的待加载内容未加载,向服务器发送携带所述目标区段对应的分量范围的内容的加载请求;将服务器针对所述加载请求返回的待加载内容加载到所述页面。

【技术特征摘要】

【专利技术属性】
技术研发人员:王琪琦
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛;KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1