本发明专利技术公开了一种筛选网页页面数据的方法、装置和系统，所述方法包括：步骤1：用户双击网页页面表格中某一字段的标题；步骤2：在所述标题对应的表格单元格中新建一个下拉框，所述下拉框的值包括“全部”选项和该字段所有不同的数据值；步骤3：当所述下拉框的选项改变时，请求服务器端在所有数据的基础上筛选出该字段与所选值相同的数据，并返回数据到浏览器；步骤4：浏览器刷新数据显示。本发明专利技术是一种利用可以根据每个标题字段的值进行筛选数据的方案，让用户可以有效、即时和精确地筛选出用户最需要的数据，是一种动态的处理方式，不用增加页面的排版，页面显示简洁。本发明专利技术实现简单、操作方便，并且不影响界面的美观。
Method, device and system for screening web page data
The invention discloses a method, device and system for screening the web page data, the method comprises the following steps: Step 1: a field user double-click web page table in the title; step 2: in the new table cell of the corresponding title in a drop-down box, the drop-down box values include \all all the data of different options and the field value; step 3: when the drop-down box option is changed, the server based on all data on the selected field and selected the same data values, and returns the data to the browser; step 4: Browser refresh data. The present invention is a method of using data can be a screening scheme according to each header field value, so that users can effectively and timely and accurately select the need of user data, is a dynamic process, without increasing the page layout, page concise. The invention has the advantages of simple realization, convenient operation, and no influence on the beauty of the interface.
【技术实现步骤摘要】
本专利技术涉及动态页面技术，尤其涉及一种筛选网页页面数据的方法、装置和系统。
技术介绍
在常用的动态页面技术中，页面经常要用来展现数据。在展现数据列表时，往往会 因为实际显示的需要，筛选出指定的数据。为了实现这样的需求，比较常用的做法，就是在 页面数据展现的上面加一些搜索框或下拉框，通过这样的方式来实现，但这并不能完全满 足需求。例如，以下是通信领域中的通道结算表要显示的字段“序号〃，“月份〃，“全称〃，“简称〃，“对账名称〃，“区域〃，“运 营商〃，“通道业务代码〃，“成功下行〃，“信息费〃，“对账比例〃，“通道信息 费〃，“差额〃，“结算系数〃，“对帐金额〃，“对帐单编号〃，“收款情况〃，“收 款金额"，“应收帐款余额"，“收款备注"，“开票日期"，“开票单位"，“发票号 码〃，“快递单号〃，“快递日期〃，“备注〃，“合同号〃。如上举例，页面显示上面这么多字段的数据，如果运用搜索框，实现上不太可能对 每一个字段去进行匹配，就算要匹配，也需要用户精确录入要搜索的值，增加了用户的操作 工作量。而如果直接采用下拉框，那这么多的字段，页面排版将是一个非常庞大的工程，而 且也不美观。
技术实现思路
本专利技术的目的是提供一种筛选网页页面数据的方法、装置和系统，它实现简单，操 作方便，不影响界面的美观。为达到上述目的，本专利技术采用如下技术方案—种筛选网页页面数据的方法，包括步骤1 用户双击网页页面表格中某一字段的标题；步骤2 在所述标题对应的表格单元格中新建一个下拉框，所述下拉框的值包括 “全部”选项和该字段所有不同的数据值；步骤3 当所述下拉框的选项改变时，请求服务器端在所有数据的基础上筛选出 该字段与所选值相同的数据，并返回数据到浏览器；步骤4 浏览器刷新数据显示。进一步地，所述步骤2包括请求服务器端，得出该字段所包括的所有不同的数据值。一种客户端，包括浏览器，所述浏览器包括触发模块，用于当用户双击网页页面表格中某一字段的标题时，触发新建模块；新建模块，用于在所述标题对应的表格单元格中新建一个下拉框，所述下拉框的 值包括“全部”选项和该字段所有不同的数据值；请求模块，用于当所述下拉框的选项改变时，请求服务器端在所有数据的基础上筛选并返回该字段与所选值相同的数据；刷新模块，用于刷新数据显示。进一步地，所述浏览器还包括获取模块，用于请求服务器端，得出该字段所包括的所有不同的数据值。一种系统，包括客户端和服务器端，其中所述客户端包括浏览器，所述浏览器包括触发模块，用于当用户双击网页页面表格中某一字段的标题时，触发新建模块；新建模块，用于在所述标题对应的表格单元格中新建一个下拉框，所述下拉框的 值包括“全部”选项和该字段所有不同的数据值；请求模块，用于当所述下拉框的选项改变时，请求服务器端在所有数据的基础上 筛选并返回该字段与所选值相同的数据；刷新模块，用于刷新数据显示；所述服务器端包括接收模块，用于接收客户端发送的请求；处理模块，用于根据客户端发送的请求，在所有数据的基础上筛选出所述字段与 所选值相同的数据；返回模块，用于返回筛选出的数据到浏览器。一种筛选网页页面数据的方法，包括步骤1’ 用户双击网页页面表格中的某一数据单元格；步骤2’ 获取该数据单元格所显示的内容作为请求参数；步骤3’ 请求服务器端查询包含请求参数值的数据，并返回数据到浏览器；步骤4’ 浏览器刷新数据显示。一种客户端，包括浏览器，所述浏览器包括触发模块，用于当用户双击网页页面表格中的某一数据单元格时，触发获取模 块；获取模块，用于获取该数据单元格所显示的内容作为请求参数；请求模块，用于请求服务器端查询包含请求参数值的数据，并返回数据到浏览 器；刷新模块，用于刷新数据显示。一种系统，包括客户端和服务器端，其中所述客户端包括浏览器，所述浏览器包括触发模块，用于当用户双击网页页面表格中的某一数据单元格时，触发获取模 块；获取模块，用于获取该数据单元格所显示的内容作为请求参数；请求模块，用于请求服务器端查询包含请求参数值的数据，并返回数据到浏览 器；刷新模块，用于刷新数据显示；所述服务器端包括接收模块，用于接收客户端发送的请求；处理模块，用于根据客户端发送的请求，查询包含请求参数值的数据；返回模块，用于返回数据到浏览器。本专利技术提供的筛选网页页面数据的方法、装置和系统，是一种利用可以根据每个 标题字段的值进行筛选数据的方案，让用户可以有效、即时和精确地筛选出用户最需要的 数据，是一种动态的处理方式，不用增加页面的排版，页面显示简洁。本专利技术实现简单、操作 方便，并且不影响界面的美观。附图说明图1为本专利技术的筛选网页页面数据的方法一个实施例的流程示意图；图2为图1所示方法中步骤1和2的具体流程示意图；图3为图1所示方法中步骤3的具体流程示意图；图4为本专利技术的筛选网页页面数据的方法另一实施例的流程示意图；图5为本专利技术的筛选网页页面数据的装置一个实施例的结构示意图；图6为本专利技术的筛选网页页面数据的系统一个实施例的结构示意图；图7为本专利技术的筛选网页页面数据的装置另一实施例的结构示意图；图8为本专利技术的筛选网页页面数据的系统另一实施例的结构示意图。具体实施例方式为了使本专利技术的目的、技术方案及优点更加清楚明白，下面结合附图及实施例，对 本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本专利技术，并不 用于限定本专利技术。对于现有技术中存在的问题，本专利技术提供两种可以实施的方案来实现网页页面数 据的筛选。方案一如图1所示，本专利技术提供一种筛选网页页面数据的方法，包括步骤1 用户双击网页页面表格中某一字段的标题；初始页面时，需要用表格单元格来初始所有要展现数据的标题。步骤2 在所述标题对应的表格单元格中新建一个下拉框，所述下拉框的值包括 “全部”选项和该字段所有不同的数据值；本步骤具体实施时，可以在每一个字段标题对应的单元格下，隐藏一个双击事件， 待用户用鼠标双击字段标题时，就激活该事件。该事件所做的工作即是新建上述下拉框。步骤3 当所述下拉框的选项改变时，请求服务器端在所有数据的基础上筛选出 该字段与所选值相同的数据，并返回数据到浏览器；步骤4 浏览器刷新数据显示。上述步骤3-4中，当下拉框的选项发生改变时，说明用户想浏览该字段与所选值 相同的数据，此时，请求服务器端筛选并返回相应的数据，然后浏览器端刷新显示。该方法灵活采用下拉框来筛选数据，默认时不显示任何下拉框，当用户需要时显 示指定的下拉框，不需要时就屏蔽相应的下拉框，选择筛选时，可以对每一列进行筛选，这 样减少用户的录入操作。该方法实现简单、操作方便，并且不影响界面的美观。在上述方法中，前述步骤2优选包括请求服务器端，得出该字段所包括的所有不同的数据值。然而，本领域技术人员应当理解的是，还可以采用其他方法来得到下拉框的数据 值，例如，服务器端在提供整个表格数据时可以一并提供每个标题字段的所有不同的数据 值，或者，客户端可以遍历所显示的表格数据从而得到每个标题字段的所有不同的数据值。下面对上述方法中生成下拉框步骤和筛选页面数据步骤的具体过程进行简单说 明。如图2所示，生成下拉框的具体过程可以如下在用户双击字段标题之后，页面调 用 AJAX (Asynchronous JavaScript and XML，本文档来自技高网...
【技术保护点】
一种筛选网页页面数据的方法，其特征在于，包括：步骤１：用户双击网页页面表格中某一字段的标题；步骤２：在所述标题对应的表格单元格中新建一个下拉框，所述下拉框的值包括“全部”选项和该字段所有不同的数据值；步骤３：当所述下拉框的选项改变时，请求服务器端在所有数据的基础上筛选出该字段与所选值相同的数据，并返回数据到浏览器；步骤４：浏览器刷新数据显示。
【技术特征摘要】
【专利技术属性】
技术研发人员：鲁林，
申请(专利权)人：深圳市五巨科技有限公司，
类型：发明
国别省市：94
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。