[发明专利]一种浏览器数据加载方法

说明书

技术领域

本发明涉及一种浏览器海量数据加载的方法，特别是利用浏览器内置的滚动条来控制数据加载的方法。

背景技术

当前网页加载海量列表数据基本上是以分页的方式进行显示。

这种方式加载数据是简单易行的，但是缺点也是明显的：由于是分页式，浏览者不能一次性的看到所有内容，如果页数很多，需要不断的翻页，或输入具体的页面索引，非常的不直观。对于初学者来说甚至是一种灾难：我怎么才能看到首个页数后面的内容，我只会操作鼠标，不会用键盘；而且对于技术人员来说，稍有不注意，翻页时数据出错的可能性很大。

目前异步加载技术的应用日益广泛，特别是各个浏览器的互相兼容的改进，大大促进了脚本技术的发展，为实现一种海量数据加载页不分页的方法提供了基础。

发明内容

本发明为了解决现有网页加载海量数据的上述不足，而提出一种海量数据加载页不分页、能够按需索取数据呈现、同时能够改善网页加载速度的浏览器数据加载方法。

上述的浏览器数据加载方法，是将海量数据以异步加载的方式呈现在浏览者面前，即利用浏览器内置的滚动条来控制海量数据的加载。

所述的浏览器数据加载方法，包括如下内容：

建立数据存储中心，存储海量数据，为服务端语言提供查询数据的接口；

服务端获取数据，通过脚本文件，生成动态的建立网页标记内容呈现在用户浏览器中；与此同时通过对上述海量数据的读取分析，产生浏览器的内置滚动条；

拖动滚动条，通过滚动条到达的位置，从数据存储中心取出相应的数据即需要的数据，呈现于用户浏览器。

所述的浏览器数据加载方法中，所述浏览器的内置滚动条根据浏览器本身的特性制作，使用高度固定的主div和包含在主div内的辅div，辅div的高度是通过数据内容的多少决定，该内置滚动条于主div中自动产生。

有益效果：采用本发明的方法，浏览者只需要以平常习惯的方式拖动页面中的滚动条，不需要翻页，即可获取相应位置的数据，更加符合浏览者行为和操作的简便性。服务端不用一次性将所有的数据推给客户端，避免造成服务器和客户机的资源浪费，这样按需索取数据呈现的方式大大的改善了网页的加载速度。而且使用广泛，可用于所有需要翻页的程序，将其转化成滚动条形式。

附图说明

图1是本发明浏览器数据加载方法的流程图；

图2是本发明实施例的显示页面。

具体实施方式

本发明是利用日益发展的网页脚本技术和微软.NET技术，将海量数据以异步加载的方式呈现在浏览者面前，即利用浏览器内置的滚动条来控制海量数据的加载，包括如下内容：

建立数据存储中心，存储海量数据，为服务端语言提供查询数据的接口；

服务端获取数据，通过脚本文件，生成动态的建立网页标记内容呈现在用户浏览器中；与此同时通过对上述海量数据的读取分析，产生浏览器内置滚动条；上述的内置滚动条根据浏览器本身的特性制作，使用高度固定的主div和包含在主div内的辅div进行设定，辅div的高度是通过数据内容的多少决定，浏览器内置滚动条便在主div中自动产生；

拖动浏览器内置滚动条，通过浏览器内置滚动条到达的位置，从数据存储中心取出相应的数据即需要的数据，呈现于用户浏览器。

如此一来，用户不必等待所有的数据慢慢的加载完才能浏览，而服务器也不必耗费大量资源一次性取出巨量数据给用户，用户只需要手动滚动条，就可以得到他想得到的数据，简捷迅速。

下面以在线钻石销售的钻石搜索引擎为例，进一步详细说明本发明。

如图1、图2所示，首先使用MSSQL2005数据库，建立一个包含钻石数据的表，包括钻石的克拉重量，价格，切工，净度，颜色等字段，并为钻石数据表添加一个主键ID字段，然后新建一个存储过程，取得连续的行数数值，并添加条件参数，为服务端语言提供查询数据的接口。

服务端使用.net，建立一个一般处理程序，尾名为ashx的程序页，建立一个从数据库中取得数据的方法；使用SQL语言，再建立一个将数据转化成JSON数据格式的方法，用于为前台页面提供符合的数据格式。

前台页面文件可以是任何的网页文件，网页文件包括javascript脚本及网页标记内容，脚本包括从服务端取得数据的功能，取得数据后，动态的建立网页标记内容以呈现在用户浏览器中。