《网页数据提交的方法和装置的制作方法》由会员分享，可在线阅读，更多相关《网页数据提交的方法和装置的制作方法（5页珍藏版）》请在金锄头文库上搜索。
1、网页数据提交的方法和装置的制作方法专利名称：网页数据提交的方法和装置的制作方法技术领域：本发明涉及网页开发领域，具体涉及网页数据提交的方法和装置。背景技术：超文本标记语言(Hyper Text Markup Language,HTML)表单用于搜集不同类型的用户输入，下面均用表单来简称HTML表単。表单是个包含表单元素的区域，允许用户在表单中输入信息的元素，比如文本域、下拉列表、单选框、复选框等等，表单可以使用表单标签来进行定义。通常的表单标签有多种，比如form用来定义供用户输入的表单，input用来定义为输入域，textarea用来定义文本域，label用于定义一个控制的标签，fields
2、et用于定义域，legend用于定义域的标题，select用于定义一个选择列表， optgroup用于定义选项组,option用于定义下拉列表中的选项,button用于定义一个按钮。多数情况下被用到的表单标签是输入标签(input)，其输入类型是由类型属性(type)定义的，大多数经常被用到的输入类型有以下几种文本域(Text Fields)，当用户要在表单中键入字母、数字等内容时，就会用到文本域；单选按钮(Radio Buttons),当用户从若干给定的选择中选取其时，就会用到单选框；复选框(Checkboxes),当用户需要从若干给定的选择中选取个或若干选项时，就会用到复选框；提交(sub
3、mit),当用户输入内容结束时，用于提交输入的内容。表单的动作(Action)属性定义了一个统一资源定位符(Universal ResourceLocator, URL)，该URL指示了向何处发送表単数据。由动作属性定义的文件通常会对接收到的输入数据进行相关的处理。当用户单击确认按钮时，表单的内容会被发送到服务器，月艮务器根据该URL将表单内容跳转到该目的文件中。下面举个具体例子，如附图I为个表单的HTML代码，名字，姓氏，用户名三个表单元素对应的标签均为输入input，输入类型均为文本域text，提交按钮的对应的标签也是输入input，输入类型为提交submit ;当将该段HTML代码加载到
4、浏览器中时，浏览器显示的效果如图2所示。如果用户在表单的文本框中输入内容，并点击“提交”按钮吋，那么输入数据会被传送到服务器上名为html_f0rm_SUbmit. jsp的页面，这页将显示出输入的結果。然而，上述表单提交方式，数据提交范围限定为整个页面内的全部输入区域，但是网页开发者常常希望能够灵活的指定一个页面中某些输入区域需要參与提交，某些输入区域不需要提交，该表单提交方式将无法实现这种目的，这样给网页的开发带来了不便。发明内容本发明实施例提供一种网页数据提交的方法及装置，用以在网页数据提交的过程中，灵活地提交部分网页页面数据，避免了提交了整个网页指定的提交区域的页面数据。本发明实施例的
5、第一个方面是提供网页数据提交的方法，网页页面被设置为两个以上的提交区域，该方法包括当检测到区域提交标签包含的区域提交事件被触发时，获取区域提交标签包含的个或两个以上区域标识，区域标识用于标识用户选择的提交区域；根据区域标识，获取区域标识对应的提交区域的页面数据；向服务器发送获取到的页面数据。上述提供网页数据提交的方法，还包括在检测到区域提交标签包含的区域提交事件被触发之前，向服务器发送页面加载请求，接收服务器返回的页面加载数据，页面加载数据包含了区域提交标签，区域提交标签包含了区域提交事件和区域标识。上述提供网页数据提交的方法，还包括根据页面加载数据，进行页面加载；在页面加载完成后，根据区域提
6、交标签，启动对区域提交事件是否被触发的检测，区域提交事件具体为超文本标记语言HTML事件。 上述提供网页数据提交的方法中，启动对区域提交事件是否被触发的检测，具体包括启动事件处理函数，事件处理函数用于检测区域提交事件是否被触发；当检测到区域提交标签包含的区域提交事件被触发时，获取区域提交标签包含的个或两个以上区域标识；根据区域标识，获取区域标识对应的页面数据；具体包括当事件处理函数检测到区域提交事件被触发时，获取区域提交标签包含的区域标识；根据区域标识，获取区域标识对应的页面数据，其中，页面数据包含了区域标识对应的HTML展现元素内部的输入组件标签和用户输入的数据。上述提供网页数据提交的方法，
7、还包括在向服务器发送页面加载请求前，网页开发者进行提交区域的设置，并开发一段Java服务器页面JSP代码，JSP代码中包含了区域提交标签。上述提供网页数据提交的方法中，向服务器发送页面加载请求，接收服务器返回的页面加载数据，具体包括向服务器发送页面加载请求，以便于服务器根据页面加载请求获取到开发的JSP代码，并将JSP代码进行解析，生成了收集脚本和检测脚本；接收服务器返回的页面加载数据，页面加载数据包含了收集脚本和检测脚本。上述提供网页数据提交的方法中，启动事件处理函数，具体包括通过执行检测脚本来启动事件处理函数；当事件处理函数检测到区域提交事件被触发时，获取区域提交标签包含的区域标识，根据区
8、域标识，获取区域标识对应的页面数据，具体包括当事件处理函数检测到区域提交事件被触发时，通过执行收集脚本，从而获取区域提交标签包含的区域标识，井根据区域标识，获取区域标识对应的页面数据。上述提供网页数据提交的方法中，向服务器发送获取到的页面数据，具体包括创建数据请求对象，向服务器发送异步请求，异步请求包含了获取到的区域提交标签的区域标识对应的区域页面数据。上述提供网页数据提交的方法，还包括接收所述服务器返回的异步响应，所述异步响应包含了所述个或两个以上区域标识，根据所述区域标识，对区域标识对应的页面进行刷新。本发明实施例的第二个方面是网页数据提交的装置，包括数据获取模块，用于当检测到区域提交标签
9、包含的区域提交事件被触发时，获取区域提交标签包含的个或两个以上区域标识，区域标识用于标识用户选择的提交区域；并根据区域标识，获取区域标识对应的提交区域的页面数据；数据发送模块，用于向服务器发送获取到的页面数据。上述网页数据提交的装置，还包括请求发送模块，用于向服务器发送页面加载请求；数据接收模块，用于接收服务器返回的页面加载数据，页面加载数据包含了区域提交标签，区域提交标签包含了区域提交事件和区域提交标识。上述网页数据提交的装置，还包括加载模块，用于根据页面加载数据，进行页面加载；检测模块，用于在页面加载完成后，根据区域提交标签，启动对区域提交事件是否被触发的检測，区域提交事件具体为超文本标记
10、语言HTML事件。在上述网页数据提交的装置中，检测模块具体用于在页面加载完成后，根据区域提交标签，启动事件处理函数，事件处理函数用于检测区域提交事件是否被触发；数据获取模块具体用于当事件处理函数检测到区域提交事件被触发时，获取区域提交标签包含的一个或两个以上区域标识；并根据区域标识，获取区域标识对应的页面数据。在上述网页数据提交的装置中，数据发送模块，进一歩包括对象创建単元，用于创建数据请求对象，异步请求发送单元，用于向服务器发送异步请求，异步请求包含了获取到的区域提交标签的区域标识对应的区域页面数据。上述网页数据提交的装置，还包括刷新模块，用于接收所述服务器返回的异步响应，所述异步响应包含了
11、所述个或两个以上区域标识，井根据所述区域标识，对区域标识对应的页面进行刷新。在本发明实施例中，由于区域提交标签中包含了个或两个以上区域标识，区域标识唯一对应了一个的提交区域，这样网页数据提交的装置就可以根据个或多个区域标识，获取该区域标识对应的提交区域的页面数据，从而无需提交整个网页页面数据，而可以灵活地提交了区域标识对应的提交区域的页面数据，进步地提高了网页开发者的开发自由度。为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些
12、附图获得其他的附图。图I为现有技术的表单HTML代码示意图；图2为图I的HTML代码在浏览器显示页面效果示意图；图3为本发明一个实施例提供的网页数据提交方法的流程图；图4为本发明一个实施例网页页面区域划分的示意图；图5为本发明另个实施例提供的网页数据提交方法的流程图；图6为本发明一个实施例提供的图4所对应的代码示意图；图7为本发明一个实施例提供的网页数据提交的装置结构示意图；图8为本发明另个实施例提供的网页数据提交的装置结构示意图。具体实施例方式下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于
13、本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。先介绍本发明实施例提供的网页数据提交方法，网页数据提交方法描述的是浏览器的处理流程；图3描述了本发明个实施例提供的网页数据提交方法的流程，网页页面被设置为两个以上的提交区域，方法包括301、当检测到区域提交标签包含的区域提交事件被触发时，获取所述区域提交标签包含的个或两个以上区域标识(identity，ID)，所述区域ID用于标识用户选择的提交区域； 302、根据所述区域标识，获取所述区域标识对应的提交区域的页面数据；303，向服务器发送所述获取到的页面数据。在本发明实施例中，由于区域
14、提交标签中包含了个或两个以上区域标识，区域标识唯一对应了一个的提交区域，这样网页数据提交的装置就可以根据个或多个区域标识，获取该区域标识对应的提交区域的页面数据，从而无需提交整个网页页面数据，而只是提交了区域标识对应的提交区域的页面数据，进步地提高了网页开发者的开发自由度。在本发明的各个实施例中，对网页中的需要进行数据提交的范围可以划分不同的提交区域(region)，提交区域可以是网页中任意的输入标签及其内部输入标签所对应的文档对象模型(Document Object Model,DOM)所构成的页面元素子集合。如附图4的浏览器显示的页面示意图中，有3个独立的提交区域，输入区域的“名字”和“姓
15、氏”划分成的基本(basic)区域，输入区域的“用户名”划分成的用户(user)区域，输入区域的“住址”可以划分成的高级(advance)区域，当然也可以将basic区域、user区域或advance区域任意两个组成一个提交区域，或将basic区域、user区域和advance区域共同组成个提交区域，对于如何划分提交区域，可以网页开发者自己进行设定。每个提交区域都有个区域ID来隹标识。图5描述了本发明另一个实施例提供的网页数据提交方法的流程，该实施例中以图4的显示的页面内容为例进行说明。该实施例描述的是浏览器的处理流程，该实施例包括501、网页开发者进行网页开发时，根据需要进行代码开发，并把开
16、发好的代码存储到服务器中。该实施例中，网页开发者可以通过提交区域划分和区域提交标签的设定从而可以提交指定的提交区域的页面数据。区域提交标签包含了区域提交标签名，区域提交事件以及区域ID。区域提交标签名用于标识该标签是区域提交标签；当区域提交事件被触发时，网页数据提交的装置将提交指定的提交区域的网页数据；个区域ID唯一对应了个指定的提交区域，区域ID可以只有个，也可以有两个以上，如果区域ID有两个以上的话，区域ID之间需要通过某种分隔符进行隔开。例如该分隔符可以为逗号“，”来表示。例如在Java2 平台企业版(Java 2Platform Enterprise Edition, J2EE)环境中定义个格式为Java服务器页面(Java Server Pages, JSP)的区域提交标签,该区域提交标签名为,区域提交事件可以为个HTML事件，比如鼠标单击事件onclick。根据上述提交区域的设置，网页开发者开发了一段代码存储在服务器
