专利名称:一种浏览器数据加载方法
技术领域:
本发明涉及一种浏览器海量数据加载的方法,特别是利用浏览器内置的滚动条来
控制数据加载的方法。
背景技术:
当前网页加载海量列表数据基本上是以分页的方式进行显示。 这种方式加载数据是简单易行的,但是缺点也是明显的由于是分页式,浏览者不 能一次性的看到所有内容,如果页数很多,需要不断的翻页,或输入具体的页面索引,非常 的不直观。对于初学者来说甚至是一种灾难我怎么才能看到首个页数后面的内容,我只会 操作鼠标,不会用键盘;而且对于技术人员来说,稍有不注意,翻页时数据出错的可能性很 大。 目前异步加载技术的应用日益广泛,特别是各个浏览器的互相兼容的改进,大大 促进了脚本技术的发展,为实现一种海量数据加载页不分页的方法提供了基础。
发明内容
本发明为了解决现有网页加载海量数据的上述不足,而提出一种海量数据加载页 不分页、能够按需索取数据呈现、同时能够改善网页加载速度的浏览器数据加载方法。
上述的浏览器数据加载方法,是将海量数据以异步加载的方式呈现在浏览者面 前,即利用浏览器内置的滚动条来控制海量数据的加载。
所述的浏览器数据加载方法,包括如下内容 建立数据存储中心,存储海量数据,为服务端语言提供查询数据的接口 ; 服务端获取数据,通过脚本文件,生成动态的建立网页标记内容呈现在用户浏览
器中;与此同时通过对上述海量数据的读取分析,产生浏览器的内置滚动条; 拖动滚动条,通过滚动条到达的位置,从数据存储中心取出相应的数据即需要的
数据,呈现于用户浏览器。 所述的浏览器数据加载方法中,所述浏览器的内置滚动条根据浏览器本身的特性 制作,使用高度固定的主div和包含在主div内的辅div,辅div的高度是通过数据内容的 多少决定,该内置滚动条于主div中自动产生。 有益效果采用本发明的方法,浏览者只需要以平常习惯的方式拖动页面中的滚 动条,不需要翻页,即可获取相应位置的数据,更加符合浏览者行为和操作的简便性。服务 端不用一次性将所有的数据推给客户端,避免造成服务器和客户机的资源浪费,这样按需 索取数据呈现的方式大大的改善了网页的加载速度。而且使用广泛,可用于所有需要翻页 的程序,将其转化成滚动条形式。
图1是本发明浏览器数据加载方法的流程 图2是本发明实施例的显示页面。
具体实施例方式
本发明是利用日益发展的网页脚本技术和微软.NET技术,将海量数据以异步加 载的方式呈现在浏览者面前,即利用浏览器内置的滚动条来控制海量数据的加载,包括如 下内容 建立数据存储中心,存储海量数据,为服务端语言提供查询数据的接口 ; 服务端获取数据,通过脚本文件,生成动态的建立网页标记内容呈现在用户浏览
器中;与此同时通过对上述海量数据的读取分析,产生浏览器内置滚动条;上述的内置滚
动条根据浏览器本身的特性制作,使用高度固定的主div和包含在主div内的辅div进行
设定,辅div的高度是通过数据内容的多少决定,浏览器内置滚动条便在主div中自动产
生; 拖动浏览器内置滚动条,通过浏览器内置滚动条到达的位置,从数据存储中心取 出相应的数据即需要的数据,呈现于用户浏览器。 如此一来,用户不必等待所有的数据慢慢的加载完才能浏览,而服务器也不必耗 费大量资源一次性取出巨量数据给用户,用户只需要手动滚动条,就可以得到他想得到的 数据,简捷迅速。 下面以在线钻石销售的钻石搜索引擎为例,进一步详细说明本发明。 如图1、图2所示,首先使用MSSQL2005数据库,建立一个包含钻石数据的表,包括
钻石的克拉重量,价格,切工,净度,颜色等字段,并为钻石数据表添加一个主键ID字段,然
后新建一个存储过程,取得连续的行数数值,并添加条件参数,为服务端语言提供查询数据
的接口。 服务端使用.net,建立一个一般处理程序,尾名为ashx的程序页,建立一个从数 据库中取得数据的方法;使用SQL语言,再建立一个将数据转化成JSON数据格式的方法,用 于为前台页面提供符合的数据格式。 前台页面文件可以是任何的网页文件,网页文件包括javascript脚本及网页标 记内容,脚本包括从服务端取得数据的功能,取得数据后,动态的建立网页标记内容以呈现 在用户浏览器中。 浏览器内置滚动条的设立通过主div和包含在主div中的辅div。其中,主div 的高度为定制,本实施例中是400px的高度,宽度为浏览器滚动条的宽度;辅div不会呈现 在浏览器中,属内置的滚动标尺,其宽度设置为lpx,高度是根据获得数据的数量确定,与数 据数量是等比的关系,例如钻石数据有四万个,则该高度将会是四万的N倍,N可以是任何 数。浏览器的内置滚动条在主div中自动生成,该内置滚动条的长度根据辅div的高度发 生变化。当滚动条在拖动过程中,其位置将会相对于辅div变化,滚动条在辅div这个标尺 上移动,脚本文件取得其刻度值,从而向服务端发出数据请求,由服务端程序返回相应的数
据,再由呈现脚本生成动态的网页标记,呈现在用户的浏览器中。 本例的显示页的表中显示了二十条数据,实际上脚本也只请求了二十条数据,其 它的几万条数据并没有去抓取,当用户拖动滚动条到相应的位置时,相应阶段的二十条数 据才反馈给用户,这样服务端不用一次性将所有的数据推给客户端,避免造成服务器和客户机的资源浪费,这样按需索取数据呈现的方式大大的改善了网页的加载速度。 采用本发明的方法,优点在于用户不需要翻页,只需要按传统的方式拖动滚动条
就可以看到相应的内容;其次是使用广泛,可用于所有需要翻页的程序,将其转化成滚动条形式。 以上所述仅为本发明的较佳可行实施例,非因此局限本发明的保护范围,故举凡 运用本发明说明书所为的等效技术变化,均包含于本发明保护范围内。
权利要求
一种浏览器数据加载方法,是将海量数据以异步加载的方式呈现在浏览者面前,即利用浏览器内置的滚动条来控制海量数据的加载。
2. 如权利要求1所述的浏览器数据加载方法,其特征在于该方法包括如下内容 建立数据存储中心,存储海量数据,为服务端语言提供查询数据的接口 ; 服务端获取数据,通过脚本文件,生成动态的建立网页标记内容呈现在用户浏览器中;与此同时通过对上述海量数据的读取分析,产生浏览器的内置滚动条;拖动滚动条,通过滚动条到达的位置,从数据存储中心取出相应的数据即需要的数据, 呈现于用户浏览器。
3. 如权利要求1或2所述的浏览器数据加载方法,其特征在于所述浏览器的内置滚 动条根据浏览器本身的特性制作,使用高度固定的主div和包含在主div内的辅div进行 设定,辅div的高度是通过数据内容的多少决定,该内置滚动条于主div中自动产生。
全文摘要
本发明涉及一种浏览器数据加载方法,是将海量数据以异步加载的方式呈现在浏览者面前,利用浏览器内置的滚动条来控制海量数据的加载。采用本方法,不需要翻页,即可获取相应位置的数据,更加符合浏览者行为和操作的简便性;服务端不用一次性将所有的数据推给客户端,避免造成服务器和客户机的资源浪费,这样按需索取数据呈现的方式大大的改善了网页的加载速度;而且使用广泛,可用于所有需要翻页的程序,将其转化成滚动条形式。
文档编号G06F17/30GK101770519SQ20101011805
公开日2010年7月7日 申请日期2010年3月3日 优先权日2010年3月3日
发明者聂文彪 申请人:深圳市戴维尼科技有限公司