CN101770519A - Browser data loading method - Google Patents
Browser data loading method Download PDFInfo
- Publication number
- CN101770519A CN101770519A CN 201010118055 CN201010118055A CN101770519A CN 101770519 A CN101770519 A CN 101770519A CN 201010118055 CN201010118055 CN 201010118055 CN 201010118055 A CN201010118055 A CN 201010118055A CN 101770519 A CN101770519 A CN 101770519A
- Authority
- CN
- China
- Prior art keywords
- data
- browser
- scroll bar
- div
- loading
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention relates to a browser data loading method, in the method, mass data are presented in front of browsers by the asynchronous loading mode, the loading of mass data is controlled by utilizing a build-in scrollbar in the browser. Using the method, data at the corresponded position can be acquired without turning page, and the mode accords with to the behavior of the browsers and the simplicity of the operation. The server-side has no need to push all data to the client-side in one time, so the resource waste of a server and a client is avoided, and the loading speed of web pages is improved greatly by using the mode of presenting data which is acquired on request. In addition, the using of the method is wide, the method can be applied to all programs which require page turning, and can change the page turning mode into scrollbar mode.
Description
Technical field
The present invention relates to the method that a kind of browser mass data loads, the method for particularly utilizing the built-in scroll bar of browser to come control data to load.
Background technology
It is that mode with paging shows basically that current web page loads the magnanimity table data.
This mode loading data is simple, but shortcoming also is tangible: owing to be paging type, the viewer can not disposablely see all the elements, if number of pages is a lot, needs continuous page turning, or imports concrete page index, very not directly perceived.For the beginner or even a kind of disaster: how could I see the content of first number of pages back, and I only can operate mouse, do not use keyboard; And for the technician, have slightly and do not note, the possibility that data are made mistakes during page turning is very big.
The application of present asynchronous loading technique is increasingly extensive, and particularly the compatible improvement of each browser has promoted the development of script technology greatly, for the method that realizes the not paging of a kind of mass data loaded page provides the foundation.
Summary of the invention
The present invention is in order to solve the above-mentioned deficiency that existing webpage loads mass data, and proposes the not paging of a kind of mass data loaded page, can ask for the browser data loading method that data present, can improve the webpage loading velocity simultaneously as required.
Above-mentioned browser data loading method is that mass data is presented in face of the viewer in the mode of asynchronous loading, promptly utilizes the built-in scroll bar of browser to control the loading of mass data.
Described browser data loading method comprises following content:
Set up data storage center, store mass data, the interface of data query is provided for the service end language;
Service end is obtained data, and by script file, generation is set up the webpage tag content dynamically and is presented in the user browser; Meanwhile, produce the built-in scroll bar of browser by the analysis of reading to above-mentioned mass data;
Drag scroll bar,, take out the data that corresponding data promptly need, be presented in user browser from data storage center by the position that scroll bar arrives.
In the described browser data loading method, the built-in scroll bar of described browser is made according to the characteristic of browser itself, use highly fixing main div and be included in the interior auxilliary div of main div, the height of auxilliary div is how many decisions by data content, and this built-in scroll bar produces in main div automatically.
Beneficial effect: adopt method of the present invention, the viewer only need drag the scroll bar in the page in the mode of usual custom, does not need page turning, can obtain the data of relevant position, meets the simplicity of viewer's behavior and operation more.Service end need not disposablely push away all data to client, avoids causing the wasting of resources of server and client computer, asks for the loading velocity that mode that data present has been improved webpage greatly so as required.And use extensively, can be used for the program that all need page turning, convert it into the scroll bar form.
Description of drawings
Fig. 1 is the process flow diagram of browser data loading method of the present invention;
Fig. 2 is the display page of the embodiment of the invention.
Embodiment
The present invention utilizes growing page script technology and the .NET of Microsoft technology, and mass data is presented in face of the viewer in the mode of asynchronous loading, promptly utilizes the built-in scroll bar of browser to control the loading of mass data, comprises following content:
Set up data storage center, store mass data, the interface of data query is provided for the service end language;
Service end is obtained data, and by script file, generation is set up the webpage tag content dynamically and is presented in the user browser; Meanwhile, produce the built-in scroll bar of browser by the analysis of reading to above-mentioned mass data; Above-mentioned built-in scroll bar is made according to the characteristic of browser itself, the auxilliary div that uses highly fixing main div and be included in the main div sets, the height of auxilliary div is how many decisions by data content, and the built-in scroll bar of browser just produces in main div automatically;
Drag the built-in scroll bar of browser,, take out the data that corresponding data promptly need, be presented in user browser from data storage center by the position that the built-in scroll bar of browser arrives.
Thus, the user needn't wait for that the loading slowly of all data is intact and just can browse, and server also needn't expend the disposable taking-up mass data of ample resources and gives the user, and the user only needs manual scroll bar, just can obtain his conceivable data, and is simple and direct rapid.
The diamond search engine of selling with online diamond is an example below, further describes the present invention.
As shown in Figure 1 and Figure 2, at first use the MSSQL2005 database, set up a table that comprises the diamond data, the carat weight that comprises diamond, price, cut, cleanliness, fields such as color, and being major key id field of diamond tables of data interpolation, a newly-built then storing process is obtained continuous line number numerical value, and the adding conditional parameter, the interface of data query is provided for the service end language.
Service end is used .net, sets up a general handling procedure, and the program page of tail ashx by name is set up a method that obtains data from database; Use sql like language, set up one again data conversion become the method for JSON data layout, the data layout that is used to front page layout to provide to meet.
The front page layout file can be any web page files, web page files comprises javascript script and webpage tag content, script comprises the function that obtains data from service end, obtain data after, set up the webpage tag content dynamically to be presented in the user browser.
Setting up of the built-in scroll bar of browser by main div and the auxilliary div that is included among the main div.Wherein, the height of main div is the height of 400px in the present embodiment for customization, and width is the width of browser scroll bar; Auxilliary div can not be presented in the browser, belongs to built-in rolling scale, and its width is set to 1px, highly be to determine according to the quantity that obtains data, with data bulk be the relation of geometric ratio, for example the diamond data have 40,000, then this height will be 40,000 N doubly, N can be any number.The built-in scroll bar of browser generates in main div automatically, and the length of this built-in scroll bar changes according to the height of auxilliary div.When scroll bar is dragging in the process, its position will change with respect to auxilliary div, scroll bar moves on auxilliary this scale of div, script file is obtained its scale value, thereby send request of data to service end, return corresponding data by serve end program, generate dynamic webpage mark by presenting script again, be presented in user's the browser.
20 data have been shown in the table of the demonstration page or leaf of this example, in fact script has also only been asked 20 data, other several ten thousand data do not go to grasp, when the user drags scroll bar to corresponding position, 20 data of respective stage just feed back to the user, service end need not disposablely push away all data to client like this, avoids causing the wasting of resources of server and client computer, asks for the loading velocity that mode that data present has been improved webpage greatly so as required.
Adopt method of the present invention, advantage is that the user does not need page turning, and only need drag scroll bar by traditional mode just can see content corresponding; Next is to use extensively, can be used for the program that all need page turning, converts it into the scroll bar form.
The above only is a preferable possible embodiments of the present invention, and non-so limitation protection scope of the present invention so the equivalence techniques that uses instructions of the present invention to do such as changes, all is contained in the protection domain of the present invention.
Claims (3)
1. browser data loading method is that mass data is presented in face of the viewer in the mode of asynchronous loading, promptly utilizes the built-in scroll bar of browser to control the loading of mass data.
2. browser data loading method as claimed in claim 1 is characterized in that: this method comprises following content:
Set up data storage center, store mass data, the interface of data query is provided for the service end language;
Service end is obtained data, and by script file, generation is set up the webpage tag content dynamically and is presented in the user browser; Meanwhile, produce the built-in scroll bar of browser by the analysis of reading to above-mentioned mass data;
Drag scroll bar,, take out the data that corresponding data promptly need, be presented in user browser from data storage center by the position that scroll bar arrives.
3. browser data loading method as claimed in claim 1 or 2, it is characterized in that: the built-in scroll bar of described browser is made according to the characteristic of browser itself, the auxilliary div that uses highly fixing main div and be included in the main div sets, the height of auxilliary div is how many decisions by data content, and this built-in scroll bar produces in main div automatically.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201010118055 CN101770519A (en) | 2010-03-03 | 2010-03-03 | Browser data loading method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201010118055 CN101770519A (en) | 2010-03-03 | 2010-03-03 | Browser data loading method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN101770519A true CN101770519A (en) | 2010-07-07 |
Family
ID=42503377
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN 201010118055 Pending CN101770519A (en) | 2010-03-03 | 2010-03-03 | Browser data loading method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101770519A (en) |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2012041236A1 (en) * | 2010-09-29 | 2012-04-05 | 腾讯科技（深圳）有限公司 | Method and apparatus for displaying data |
| CN102637201A (en) * | 2012-03-14 | 2012-08-15 | 南京新与力文化传播有限公司 | Webpage loading method based on asynchronous data transmission |
| CN103399866A (en) * | 2013-07-05 | 2013-11-20 | 北京小米科技有限责任公司 | Webpage rendering method, device and equipment |
| CN103488372A (en) * | 2012-06-11 | 2014-01-01 | 联想(北京)有限公司 | Method for displaying load data and electronic equipment |
| CN103530289A (en) * | 2012-07-02 | 2014-01-22 | 腾讯科技（深圳）有限公司 | Webpage displaying method and device |
| CN104572912A (en) * | 2014-12-26 | 2015-04-29 | 北京京东尚科信息技术有限公司 | Method and system for loading web pages |
| CN104933076A (en) * | 2014-03-20 | 2015-09-23 | 阿里巴巴集团控股有限公司 | Method and device for loading content in page |
| CN104951961A (en) * | 2015-06-02 | 2015-09-30 | 百度在线网络技术（北京）有限公司 | Method, terminal, server and system for pushing contents |
| CN105512202A (en) * | 2015-11-26 | 2016-04-20 | 金蝶软件（中国）有限公司 | Data display method and device |
| CN105824917A (en) * | 2016-03-16 | 2016-08-03 | 上海斐讯数据通信技术有限公司 | Method and system for browsing webpage |
| CN107133340A (en) * | 2017-05-18 | 2017-09-05 | 杭州迪普科技股份有限公司 | A kind of method for information display and device of WEB page multiline text inframe |
| CN108804660A (en) * | 2018-06-06 | 2018-11-13 | 郑州云海信息技术有限公司 | The management method and device of web displaying in big data system |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101030208A (en) * | 2006-02-27 | 2007-09-05 | 年代数位媒体股份有限公司 | Single-page web station interface |
| CN101777069A (en) * | 2010-01-04 | 2010-07-14 | 山东浪潮齐鲁软件产业股份有限公司 | Method for building list element for supporting large data volume high performance browser |
-
2010
- 2010-03-03 CN CN 201010118055 patent/CN101770519A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101030208A (en) * | 2006-02-27 | 2007-09-05 | 年代数位媒体股份有限公司 | Single-page web station interface |
| CN101777069A (en) * | 2010-01-04 | 2010-07-14 | 山东浪潮齐鲁软件产业股份有限公司 | Method for building list element for supporting large data volume high performance browser |
Cited By (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8788965B2 (en) | 2010-09-29 | 2014-07-22 | Tencent Technology (Shenzhen) Company Limited | Method and device for displaying data by adjusting the size of controls |
| CN102436369A (en) * | 2010-09-29 | 2012-05-02 | 腾讯科技（深圳）有限公司 | Method and device for displaying data |
| WO2012041236A1 (en) * | 2010-09-29 | 2012-04-05 | 腾讯科技（深圳）有限公司 | Method and apparatus for displaying data |
| CN102637201A (en) * | 2012-03-14 | 2012-08-15 | 南京新与力文化传播有限公司 | Webpage loading method based on asynchronous data transmission |
| CN103488372B (en) * | 2012-06-11 | 2017-03-01 | 联想(北京)有限公司 | A kind of method of display loading data and electronic equipment |
| CN103488372A (en) * | 2012-06-11 | 2014-01-01 | 联想(北京)有限公司 | Method for displaying load data and electronic equipment |
| CN103530289A (en) * | 2012-07-02 | 2014-01-22 | 腾讯科技（深圳）有限公司 | Webpage displaying method and device |
| CN103530289B (en) * | 2012-07-02 | 2018-06-22 | 腾讯科技（深圳）有限公司 | Webpage display process and device |
| CN103399866A (en) * | 2013-07-05 | 2013-11-20 | 北京小米科技有限责任公司 | Webpage rendering method, device and equipment |
| CN104933076A (en) * | 2014-03-20 | 2015-09-23 | 阿里巴巴集团控股有限公司 | Method and device for loading content in page |
| CN104572912A (en) * | 2014-12-26 | 2015-04-29 | 北京京东尚科信息技术有限公司 | Method and system for loading web pages |
| CN104951961A (en) * | 2015-06-02 | 2015-09-30 | 百度在线网络技术（北京）有限公司 | Method, terminal, server and system for pushing contents |
| CN105512202A (en) * | 2015-11-26 | 2016-04-20 | 金蝶软件（中国）有限公司 | Data display method and device |
| CN105512202B (en) * | 2015-11-26 | 2019-03-22 | 金蝶软件（中国）有限公司 | Data display method and device |
| CN105824917A (en) * | 2016-03-16 | 2016-08-03 | 上海斐讯数据通信技术有限公司 | Method and system for browsing webpage |
| CN107133340A (en) * | 2017-05-18 | 2017-09-05 | 杭州迪普科技股份有限公司 | A kind of method for information display and device of WEB page multiline text inframe |
| CN108804660A (en) * | 2018-06-06 | 2018-11-13 | 郑州云海信息技术有限公司 | The management method and device of web displaying in big data system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101770519A (en) | Browser data loading method | |
| US20220067268A1 (en) | Systems and methods for remote dashboard image generation | |
| Liu et al. | Towards service composition based on mashup | |
| EP2151773B1 (en) | Synchronous to asynchronous web page conversion | |
| Wen et al. | Prototyping an open environment for sharing geographical analysis models on cloud computing platform | |
| WO2011032234A1 (en) | Modeling system and method | |
| CN104123157B (en) | The cross-platform service logic method for customizing and device of a kind of mobile terminal | |
| Liu et al. | Composing enterprise mashup components and services using architecture integration patterns | |
| CN104504160A (en) | Excel document online batch write-in method based on SSH frame | |
| KR20150085716A (en) | Setup Method for Web Scraping Data Extraction | |
| CN103294463A (en) | Editing system and method | |
| Gu et al. | Comparative analysis of WebForms MVC and MVP architecture | |
| US20170031878A1 (en) | Web Page Generation System | |
| US11843679B2 (en) | Automated dependency management based on page components | |
| Hibino et al. | A user support system for manufacturing system design using distributed simulation | |
| Namee et al. | A form and API data management platform for progressive web application and serverless application architecture | |
| US9384251B2 (en) | Synchronization of off-line reports and off-line mobile content packages | |
| US8959454B2 (en) | Table management | |
| Yang et al. | Research and Application of Responsive Big Data Visualization based on HTML5 | |
| Li et al. | Research on Application of Ajax and Silverlight Technology in WebGIS | |
| Tan et al. | Internet-based platform for power system simulating and planning | |
| Bian et al. | Research of Real-Time Data Presentation of Cloud Monitoring Based on Highcharts | |
| Sun et al. | The introduction to mootools architecture | |
| Meng et al. | A mashup model for distributed data integration | |
| Liu et al. | The Application of AJAX Technology on WebGIS |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Open date: 20100707 |