CN102073747A - Method, device and system for screening webpage page data - Google Patents
Method, device and system for screening webpage page data Download PDFInfo
- Publication number
- CN102073747A CN102073747A CN2011100479440A CN201110047944A CN102073747A CN 102073747 A CN102073747 A CN 102073747A CN 2011100479440 A CN2011100479440 A CN 2011100479440A CN 201110047944 A CN201110047944 A CN 201110047944A CN 102073747 A CN102073747 A CN 102073747A
- Authority
- CN
- China
- Prior art keywords
- data
- module
- browser
- field
- server end
- 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
Abstract
The invention discloses a method, device and system for screening webpage page data. The method comprises: step 1: double-clicking the title of a certain field in a webpage page table; step 2: newly constructing a drop-down box in a table cell corresponding to the title, wherein the value of the drop-down box comprises an 'all' option and all different data values of the field; step 3: when the options of the drop-down box are changed, requesting a server to screen the data of the field identical to the selected value on the basis of all the data and return data to a browser; and step 4: refreshing data display by the browser. According to the invention, a scheme utilizing the value of each title field for screening the data is provided, thereby effectively, instantly and precisely screening the data that user most needs; and a dynamic processing manner is provided without adding composing of pages, therefore, the pages are succinctly displayed. The method, device and system provided by the invention are simple to realize and convenient for operation without influencing the beauty of an interface.
Description
Technical field
The present invention relates to the dynamic page technology, relate in particular to a kind of methods, devices and systems that screen webpage data.
Background technology
In dynamic page technology commonly used, the page often will be used for demonstrating data.When demonstrating data is tabulated, tend to because the needs of actual displayed filter out data designated.In order to realize such demand, relatively Chang Yong way adds some search boxes or combobox exactly on page data represents, and realize by such mode, but this can not satisfy the demands fully.For example, below be the field that the passage statement of account in the communications field will show:
" sequence number ", " month ", " full name ", " abbreviation ", " reconciliation title ", " zone ", " operator ", " channel service code ", " success is descending ", " information charge ", " reconciliation ratio ", " channel information takes ", " difference ", " clearing coefficient ", " the accounting checking amount of money ", " statement of account numbering ", " gathering situation ", " collection amount ", " accounts receivable remaining sum ", " gathering remarks ", " making out an invoice the date ", " the unit of making out an invoice ", " invoice number ", " express delivery odd numbers ", " express delivery date ", " remarks ", " contract number ".
As above give an example, data of multiword section so above the page shows, if the utilization search box unlikely goes to mate to each field in the realization, even if will mate, the value that also needs the accurate typing of user to search for has increased user's operation element amount.And if directly adopt combobox, field that those are so many, it will be a very huge engineering that the page is set type, nor attractive in appearance.
Summary of the invention
The purpose of this invention is to provide a kind of methods, devices and systems that screen webpage data, it realizes simple, and is easy to operate, does not influence the attractive in appearance of interface.
For achieving the above object, the present invention adopts following technical scheme:
A kind of method of screening webpage data comprises:
Step 1: the user double-clicks the title of a certain field in the web page table;
Step 2: a newly-built combobox in the table cell of described title correspondence, the value of described combobox comprises all different data values of " all " options and this field;
Step 3: when the option of described combobox changed, the request server end filtered out this field data identical with selected value on the basis of all data, and return data is to browser;
Step 4: the browser refresh data shows.
Further, described step 2 comprises:
The request server end draws all included different data values of this field.
A kind of client comprises browser, and described browser comprises:
Trigger module is used for triggering newly-built module when the user double-clicks the title of a certain field of web page table;
Newly-built module is used at the newly-built combobox of the table cell of described title correspondence, and the value of described combobox comprises all different data values of " all " options and this field;
Request module is used for when the option of described combobox changes, and the request server end screens and return this field data identical with selected value on the basis of all data;
Refresh module is used for refresh data and shows.
Further, described browser also comprises:
Acquisition module is used for the request server end, draws all included different data values of this field.
A kind of system comprises the client and server end, wherein:
Described client comprises browser, and described browser comprises:
Trigger module is used for triggering newly-built module when the user double-clicks the title of a certain field of web page table;
Newly-built module is used at the newly-built combobox of the table cell of described title correspondence, and the value of described combobox comprises all different data values of " all " options and this field;
Request module is used for when the option of described combobox changes, and the request server end screens and return this field data identical with selected value on the basis of all data;
Refresh module is used for refresh data and shows;
Described server end comprises:
Receiver module is used to receive the request that client sends;
Processing module is used for the request according to the client transmission, filters out the described field data identical with selected value on the basis of all data;
Return module, be used to return the data that filter out and arrive browser.
A kind of method of screening webpage data comprises:
Step 1 ': the user double-clicks a certain data cells in the web page table;
Step 2 ': obtain the shown content of this data cells as required parameter;
Step 3 ': the inquiry of request server end comprises the data of required parameter value, and return data is to browser;
Step 4 ': the browser refresh data shows.
A kind of client comprises browser, and described browser comprises:
Trigger module is used for when the user double-clicks a certain data cells of web page table, triggers acquisition module;
Acquisition module is used to obtain the shown content of this data cells as required parameter;
Request module be used for the data that the inquiry of request server end comprises the required parameter value, and return data is to browser;
Refresh module is used for refresh data and shows.
A kind of system comprises the client and server end, wherein:
Described client comprises browser, and described browser comprises:
Trigger module is used for when the user double-clicks a certain data cells of web page table, triggers acquisition module;
Acquisition module is used to obtain the shown content of this data cells as required parameter;
Request module be used for the data that the inquiry of request server end comprises the required parameter value, and return data is to browser;
Refresh module is used for refresh data and shows;
Described server end comprises:
Receiver module is used to receive the request that client sends;
Processing module is used for the request according to the client transmission, and inquiry comprises the data of required parameter value;
Return module, be used for return data to browser.
The methods, devices and systems of screening webpage data provided by the invention, it is the scheme that a kind of utilization can be carried out garbled data according to the value of each header field, allow the user can effectively, immediately and accurately filter out the data that the user needs most, it is a kind of dynamic processing mode, need not increase the composing of the page, the page shows succinct.It is simple, easy to operate that the present invention realizes, and do not influence the attractive in appearance of interface.
Description of drawings
Fig. 1 is the schematic flow sheet of an embodiment of method of screening webpage data of the present invention;
Fig. 2 is step 1 and 2 an idiographic flow synoptic diagram in the method shown in Figure 1;
Fig. 3 is the idiographic flow synoptic diagram of step 3 in the method shown in Figure 1;
Fig. 4 is the schematic flow sheet of another embodiment of method of screening webpage data of the present invention;
Fig. 5 is the structural representation of an embodiment of device of screening webpage data of the present invention;
Fig. 6 is the structural representation of an embodiment of system of screening webpage data of the present invention;
Fig. 7 is the structural representation of another embodiment of device of screening webpage data of the present invention;
Fig. 8 is the structural representation of another embodiment of system of screening webpage data of the present invention.
Embodiment
In order to make purpose of the present invention, technical scheme and advantage clearer,, the present invention is further elaborated below in conjunction with drawings and Examples.Should be appreciated that specific embodiment described herein only in order to explanation the present invention, and be not used in qualification the present invention.
For problems of the prior art, the invention provides the screening that the two kinds of schemes that can implement realize webpage data.
Scheme one:
As shown in Figure 1, the invention provides a kind of method of screening webpage data, comprising:
Step 1: the user double-clicks the title of a certain field in the web page table;
During initial page, need with table cell come initial all want the title of demonstrating data.
Step 2: a newly-built combobox in the table cell of described title correspondence, the value of described combobox comprises all different data values of " all " options and this field;
When this step is specifically implemented, can under the cell of each field title correspondence, hide a double-click incident, when treating that the user double-clicks field title with mouse, just activate this incident.The work that this incident is done promptly is newly-built above-mentioned combobox.
Step 3: when the option of described combobox changed, the request server end filtered out this field data identical with selected value on the basis of all data, and return data is to browser;
Step 4: the browser refresh data shows.
Among the above-mentioned steps 3-4, when the option of combobox changes, illustrate that the user wants to browse this field data identical with selected value, at this moment, the screening of request server end is also returned corresponding data, and browser end refreshes demonstration then.
This method adopts combobox to come garbled data flexibly, does not show any combobox during acquiescence, shows the combobox of appointment when the user needs, just shield corresponding combobox when not required, when selecting screening, can screen, reduce user's typing operation like this each row.This method realizes simple, easy to operate, and does not influence the attractive in appearance of interface.
In said method, abovementioned steps 2 preferably includes:
The request server end draws all included different data values of this field.
Yet, those skilled in the art should be understood that, can also adopt additive method to obtain the data value of combobox, for example, server end can provide all different data values of each header field in the lump when whole list data is provided, perhaps, thus client can travel through all different data values that shown list data obtains each header field.
Below the detailed process that generates combobox step and screening page data step in the said method is carried out simple declaration.
As shown in Figure 2, the detailed process that generates combobox can be as follows: after the user double-clicks field title, page invocation AJAX (Asynchronous JavaScript and XML, asynchronous JavaScript and XML) come the request server end, then, server end is inquired about all different values that this field comprises, and return the data of all different values, at last, the page is received the data that server end returns, according to the newly-built combobox of all different values wherein.
As shown in Figure 3, the detailed process of screening page data can be as follows: after the user changes option in the combobox, page invocation AJAX request server end, then, server end is inquired about this field data identical with selected value, and returns the data after the screening, and is last, the page is received the data that server end returns, and refreshes video data.
Scheme two:
As shown in Figure 4, the present invention also provides the method for another kind of screening webpage data, comprising:
Step 1 ': the user double-clicks a certain data cells in the web page table;
Step 2 ': obtain the shown content of this data cells as required parameter;
When this step is specifically implemented, can in each data cells, add a function, when treating that the user double-clicks this data cells with mouse, obtain the shown content of this data cells,, be used for the subsequent request server end as a required parameter.
Step 3 ': the inquiry of request server end comprises the data of required parameter value, and return data is to browser;
Step 4 ': the browser refresh data shows.
In this method, the user double-clicks a certain data cells, illustrates that the user wants to browse the identical data of value in this field and this data cells, at this moment, as parameter request server end screening and return corresponding data, browser end refreshes demonstration then with the content in this data cells.
This method realizes simple, easy to operate, and does not influence the attractive in appearance of interface.
To sum up, the method of the solution of the present invention one and scheme two all is to utilize the scheme that can carry out garbled data according to the value of each header field, allow the user can effectively, immediately and accurately filter out the data that the user needs most, it is a kind of dynamic processing mode, need not increase the composing of the page, the page shows succinct.
Particularly, the solution of the present invention one and scheme two all are a certain values that the mode of utilizing the user to double-click is selected a certain header field in the web data form, send to server end then, and screening draws corresponding data, and last browser refreshes video data.This shows that the solution of the present invention one and scheme two are two inventions that belong to a total inventive concept, have unicity.
Simultaneously, corresponding with the method for such scheme one, the present invention also provides a kind of client and system.
As shown in Figure 5, this client comprises browser, and described browser comprises:
Newly-built module 502 is used at the newly-built combobox of the table cell of described title correspondence, and the value of described combobox comprises all different data values of " all " options and this field;
Preferably, described browser can also comprise:
Acquisition module is used for the request server end, draws all included different data values of this field.
As shown in Figure 6, this system comprises client 50 and server end 60, wherein:
Described client 50 comprises browser, and described browser comprises:
Newly-built module 502 is used at the newly-built combobox of the table cell of described title correspondence, and the value of described combobox comprises all different data values of " all " options and this field;
Described server end 60 comprises:
In addition, corresponding with the method for such scheme two, the present invention also provides another kind of client and system.
As shown in Figure 7, this client comprises browser, and described browser comprises:
Trigger module 701 is used for when the user double-clicks a certain data cells of web page table, triggers acquisition module;
Acquisition module 702 is used to obtain the shown content of this data cells as required parameter;
Request module 703 be used for the data that the inquiry of request server end comprises the required parameter value, and return data is to browser;
Refresh module 704 is used for refresh data and shows.
As shown in Figure 8, this system comprises client 70 and server end 80, wherein:
Described client 70 comprises browser, and described browser comprises:
Trigger module 701 is used for when the user double-clicks a certain data cells of web page table, triggers acquisition module;
Acquisition module 702 is used to obtain the shown content of this data cells as required parameter;
Request module 703 be used for the data that the inquiry of request server end comprises the required parameter value, and return data is to browser;
Refresh module 704 is used for refresh data and shows;
Described server end 80 comprises:
Receiver module 801 is used to receive the request that client sends;
Processing module 802 is used for the request according to the client transmission, and inquiry comprises the data of required parameter value;
Return module 803, be used for return data to browser.
The above is preferred embodiment of the present invention only, is not to be used for limiting practical range of the present invention; If do not break away from the spirit and scope of the present invention, the present invention is made amendment or is equal to replacement, all should be encompassed in the middle of the protection domain of claim of the present invention.
Claims (8)
1. a method of screening webpage data is characterized in that, comprising:
Step 1: the user double-clicks the title of a certain field in the web page table;
Step 2: a newly-built combobox in the table cell of described title correspondence, the value of described combobox comprises all different data values of " all " options and this field;
Step 3: when the option of described combobox changed, the request server end filtered out this field data identical with selected value on the basis of all data, and return data is to browser;
Step 4: the browser refresh data shows.
2. method according to claim 1 is characterized in that, described step 2 comprises:
The request server end draws all included different data values of this field.
3. a client comprises browser, it is characterized in that, described browser comprises:
Trigger module is used for triggering newly-built module when the user double-clicks the title of a certain field of web page table;
Newly-built module is used at the newly-built combobox of the table cell of described title correspondence, and the value of described combobox comprises all different data values of " all " options and this field;
Request module is used for when the option of described combobox changes, and the request server end screens and return this field data identical with selected value on the basis of all data;
Refresh module is used for refresh data and shows.
4. client according to claim 3 is characterized in that, described browser also comprises:
Acquisition module is used for the request server end, draws all included different data values of this field.
5. a system comprises the client and server end, it is characterized in that:
Described client comprises browser, and described browser comprises:
Trigger module is used for triggering newly-built module when the user double-clicks the title of a certain field of web page table;
Newly-built module is used at the newly-built combobox of the table cell of described title correspondence, and the value of described combobox comprises all different data values of " all " options and this field;
Request module is used for when the option of described combobox changes, and the request server end screens and return this field data identical with selected value on the basis of all data;
Refresh module is used for refresh data and shows;
Described server end comprises:
Receiver module is used to receive the request that client sends;
Processing module is used for the request according to the client transmission, filters out the described field data identical with selected value on the basis of all data;
Return module, be used to return the data that filter out and arrive browser.
6. a method of screening webpage data is characterized in that, comprising:
Step 1 ': the user double-clicks a certain data cells in the web page table;
Step 2 ': obtain the shown content of this data cells as required parameter;
Step 3 ': the inquiry of request server end comprises the data of required parameter value, and return data is to browser;
Step 4 ': the browser refresh data shows.
7. a client comprises browser, it is characterized in that, described browser comprises:
Trigger module is used for when the user double-clicks a certain data cells of web page table, triggers acquisition module;
Acquisition module is used to obtain the shown content of this data cells as required parameter;
Request module be used for the data that the inquiry of request server end comprises the required parameter value, and return data is to browser;
Refresh module is used for refresh data and shows.
8. a system comprises the client and server end, it is characterized in that:
Described client comprises browser, and described browser comprises:
Trigger module is used for when the user double-clicks a certain data cells of web page table, triggers acquisition module;
Acquisition module is used to obtain the shown content of this data cells as required parameter;
Request module be used for the data that the inquiry of request server end comprises the required parameter value, and return data is to browser;
Refresh module is used for refresh data and shows;
Described server end comprises:
Receiver module is used to receive the request that client sends;
Processing module is used for the request according to the client transmission, and inquiry comprises the data of required parameter value;
Return module, be used for return data to browser.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2011100479440A CN102073747A (en) | 2011-02-28 | 2011-02-28 | Method, device and system for screening webpage page data |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2011100479440A CN102073747A (en) | 2011-02-28 | 2011-02-28 | Method, device and system for screening webpage page data |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN102073747A true CN102073747A (en) | 2011-05-25 |
Family
ID=44032286
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2011100479440A Pending CN102073747A (en) | 2011-02-28 | 2011-02-28 | Method, device and system for screening webpage page data |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102073747A (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102289477A (en) * | 2011-07-29 | 2011-12-21 | 深圳市五巨科技有限公司 | Method and device for screening page data of mobile terminal |
| CN104350622A (en) * | 2012-03-20 | 2015-02-11 | 俄克拉何马大学董事会 | Thermoelectric material with high cross-plane electrical conductivity in the presence of a potential barrier |
| CN106649351A (en) * | 2015-10-30 | 2017-05-10 | 北京国双科技有限公司 | Chart display method and apparatus |
| CN106776513A (en) * | 2016-12-09 | 2017-05-31 | 深圳市小满科技有限公司 | A kind of processing system of web page form, processing method and terminal device |
| CN107423072A (en) * | 2017-08-11 | 2017-12-01 | 郑州云海信息技术有限公司 | The method and apparatus of web page dynamic column filter and search list data |
| CN107766390A (en) * | 2016-08-23 | 2018-03-06 | 平安科技（深圳）有限公司 | The processing method and webpage report server of webpage form |
| CN110020342A (en) * | 2017-08-31 | 2019-07-16 | 北京国双科技有限公司 | The processing method and processing device of data |
| CN110020116A (en) * | 2017-09-29 | 2019-07-16 | 北京国双科技有限公司 | Filter condition determines method and device |
| CN112114726A (en) * | 2020-07-31 | 2020-12-22 | 福建亿能达信息技术股份有限公司 | Interaction method, device, equipment and medium based on vue drop-down box |
| CN115097999A (en) * | 2022-07-22 | 2022-09-23 | 山石网科通信技术股份有限公司 | Item selection method, item selection device, electronic equipment and storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101464871A (en) * | 2007-12-21 | 2009-06-24 | 鸿富锦精密工业（深圳）有限公司 | Report query collocation system and method |
| CN101479726A (en) * | 2006-06-29 | 2009-07-08 | 南洋理工学院 | Configurable multi-lingual advisory system and method thereof |
| CN101739453A (en) * | 2009-12-17 | 2010-06-16 | 中国电力科学研究院 | Method and device for carrying out condition query on database table |
-
2011
- 2011-02-28 CN CN2011100479440A patent/CN102073747A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101479726A (en) * | 2006-06-29 | 2009-07-08 | 南洋理工学院 | Configurable multi-lingual advisory system and method thereof |
| CN101464871A (en) * | 2007-12-21 | 2009-06-24 | 鸿富锦精密工业（深圳）有限公司 | Report query collocation system and method |
| CN101739453A (en) * | 2009-12-17 | 2010-06-16 | 中国电力科学研究院 | Method and device for carrying out condition query on database table |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102289477A (en) * | 2011-07-29 | 2011-12-21 | 深圳市五巨科技有限公司 | Method and device for screening page data of mobile terminal |
| CN104350622A (en) * | 2012-03-20 | 2015-02-11 | 俄克拉何马大学董事会 | Thermoelectric material with high cross-plane electrical conductivity in the presence of a potential barrier |
| CN106649351B (en) * | 2015-10-30 | 2019-10-25 | 北京国双科技有限公司 | Chart shows method and device |
| CN106649351A (en) * | 2015-10-30 | 2017-05-10 | 北京国双科技有限公司 | Chart display method and apparatus |
| CN107766390A (en) * | 2016-08-23 | 2018-03-06 | 平安科技（深圳）有限公司 | The processing method and webpage report server of webpage form |
| CN106776513A (en) * | 2016-12-09 | 2017-05-31 | 深圳市小满科技有限公司 | A kind of processing system of web page form, processing method and terminal device |
| CN107423072B (en) * | 2017-08-11 | 2020-10-30 | 苏州浪潮智能科技有限公司 | Method and device for screening dynamic columns of web page and searching table data |
| CN107423072A (en) * | 2017-08-11 | 2017-12-01 | 郑州云海信息技术有限公司 | The method and apparatus of web page dynamic column filter and search list data |
| CN110020342A (en) * | 2017-08-31 | 2019-07-16 | 北京国双科技有限公司 | The processing method and processing device of data |
| CN110020116A (en) * | 2017-09-29 | 2019-07-16 | 北京国双科技有限公司 | Filter condition determines method and device |
| CN112114726A (en) * | 2020-07-31 | 2020-12-22 | 福建亿能达信息技术股份有限公司 | Interaction method, device, equipment and medium based on vue drop-down box |
| CN112114726B (en) * | 2020-07-31 | 2022-02-22 | 福建亿能达信息技术股份有限公司 | Interaction method, device, equipment and medium based on vue drop-down box |
| CN115097999A (en) * | 2022-07-22 | 2022-09-23 | 山石网科通信技术股份有限公司 | Item selection method, item selection device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102073747A (en) | Method, device and system for screening webpage page data | |
| CN104978685A (en) | Tax account book automatic generating method and system | |
| CN102799690A (en) | Method for verifying page input by using database technology | |
| CN103095684B (en) | Obtain and pay close attention to the method for user's aggregation information, Apparatus and system | |
| CN103389895A (en) | Method and system for generating front end page | |
| CN101819574A (en) | Search engine system and information searching method | |
| CN108694640A (en) | Webpage shopping system and shopping method thereof | |
| CN101388036A (en) | Data table summarizing method and device | |
| CN103390014B (en) | The dissemination method of a kind of community post and system | |
| CN103518201A (en) | Advertisement carousel method and device and system for advertisement carousel | |
| DE102015002317A1 (en) | Uniform form filling | |
| CN102802145B (en) | Network service billing method, device and system | |
| CN103593345A (en) | Webpage flow chart editing method and system | |
| CN105631650A (en) | Method and device for realizing universal front end payment service | |
| CN103034655A (en) | Collection method and system of user behavior information and related equipment | |
| CN103544036A (en) | Page loading method, terminal and system | |
| CN103699639A (en) | Web searching method and client | |
| US9432471B1 (en) | Recommendation source-related user activity calculator | |
| KR101356974B1 (en) | Method for watching ad by issuing ad-coupon directly by viewer | |
| CN101216912A (en) | A platform, system and method for metro area hotel management | |
| CN110365665A (en) | A kind of hold-up interception method of advertising resource, device and its equipment | |
| CN102945272A (en) | Processing method, equipment and server for collection information | |
| CN102622709A (en) | Method and system for determining accounts receivable for airline ticket sale | |
| CN102043823A (en) | Method and device for flexibly selecting and gathering fields in dynamic pages | |
| CN105630839A (en) | Webpage information acquisition method and device |
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 |
Application publication date: 20110525 |