一种网页中反馈式交互方法技术

本发明专利技术涉及WEB技术应用领域，具体提供了一种网页中反馈式交互方法，具有以下步骤：S1、使用特定格式书写表单；S2、为表单中的元素绑定事件；S3、显示交互；S4、隐藏提示信息；S5、异步请求的处理。与现有技术相比，本发明专利技术依据用户的使用习惯，在用户进行表单操作时，通过色彩，图标以及提示信息等具有可明显感知的变化方式，使用户当前关注的区域突出显示出来，给用户正确的交互反馈，让用户更好的适应、使用网站功能，提升用户的使用体验。提升用户的使用体验。提升用户的使用体验。

【技术实现步骤摘要】
一种网页中反馈式交互方法


[0001]本专利技术涉及WEB技术应用领域，具体提供一种网页中反馈式交互方法。

技术介绍

[0002]伴随着互联网的发展,网上办公已成为主流趋势当下,用户对于网页的需求也越来越多,要求也越来越高。
[0003]对于表单填写类的网页来说，反馈形式直接影响到网站的质量、系统优劣。现有的页面设计不是很美观，且网页不能给用户更方便快捷和实用的交流互动。使交互页面不能满足用户需求。

技术实现思路

[0004]本专利技术是针对上述现有技术的不足，提供一种实用性强的网页中反馈式交互方法。
[0005]本专利技术解决其技术问题所采用的技术方案是：
[0006]一种网页中反馈式交互方法，具有以下步骤：
[0007]S1、使用特定格式书写表单；
[0008]S2、为表单中的元素绑定事件；
[0009]S3、显示交互；
[0010]S4、隐藏提示信息；
[0011]S5、异步请求的处理。
[0012]进一步的，在步骤S1中，文档元素的属性中添加自定义属性，指明当前元素触发事件名称，触发事件的规则，以及对应的提示信息。
[0013]进一步的，在步骤S2中，首先预先定义好每个表单元素的处理方法，根据元素中已定义的触发事件名称，为所有需要绑定事件的元素添加处理方法，在处理方法中根据在此元素上已定义好的规则，对元素的值域进行判定，当值域符合预期时，展示反馈信息；不符合预期时，展示负反馈信息。
[0014]进一步的，添加处理方法时，定义好的处理方法会对应生成一个代理方法，元素触发事件后执行的是代理方法，在代理方法中除执行原始的事件处理方法，还会额外的执行许多及时交互的操作。
[0015]进一步的，在步骤S3中，当用户操作后，触发处理方法，在处理方法中通过对当前元素的层叠样式信息进行改变、添加和删除，进而及时有效的做出正确的反馈，交互信息展示的范围即是当前元素的相应位置，层叠样式信息中会写入当前元素中定义好的错误信息。
[0016]进一步的，在步骤S4中，表单重置或特定需求需要清除所有的交互信息，通过执行特定方法查找并遍历所有特定元素，在遍历元素的过程中根据规则移除所有多余交互信息。
[0017]进一步的，在步骤S5中，当用户点击提交按钮时，会触发绑定在元素上的代理事件，代理事件动态的为当前页面添加蒙版元素，执行异步操作，接收异步数据并在蒙版的基础上添加加载效果图示。
[0018]进一步的，在异步请求结束时，交互事件会移除加载效果；在异步请求出错时，给出负反馈信息。
[0019]本专利技术的一种网页中反馈式交互方法和现有技术相比，具有以下突出的有益效果：
[0020]本专利技术依据用户的使用习惯，在用户进行表单操作时，通过色彩，图标以及提示信息等具有可明显感知的变化方式，使用户当前关注的区域突出显示出来，给用户正确的交互反馈，让用户更好的适应、使用网站功能，提升用户的使用体验。
附图说明
[0021]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0022]附图1是一种网页中反馈式交互方法的流程示意图；
[0023]附图2是一种网页中反馈式交互方法中代理模式示意图；
[0024]附图3是一种网页中反馈式交互方法中使用特定格式书写表单的示意图；
[0025]附图4是一种网页中反馈式交互方法中表单中的元素绑定事件的流程示意图；
[0026]附图5是一种网页中反馈式交互方法中显示交互的流程示意图；
[0027]附图6是一种网页中反馈式交互方法中隐藏提示信息的流程示意图；
[0028]附图7是一种网页中反馈式交互方法中异步请求的处理的流程示意图。
具体实施方式
[0029]为了使本
的人员更好的理解本专利技术的方案，下面结合具体的实施方式对本专利技术作进一步的详细说明。显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例都属于本专利技术保护的范围。
[0030]下面给出一个最佳实施例：
[0031]H5增加多个表单输入类型、表单元素、表单属性：
[0032]表单是实现用户与页面后台交互主要组成部分，HTML5在表单的设计上功能更加强大。
[0033]input类型和属性的多样性大大地增强了HTML可表达的表单形式，再加上新增加的一些表单标签，使得原本需要JavaScript来实现的控件，可以直接使用HTML5的表单来实现；一些如内容提示、焦点处理、数据验证等功能，也可以通过HTML5的智能表单属性标签来完成。
[0034]H5元素自定义属性：
[0035]H5中新增的自定义属性功能，能够让开发者在H5元素上定义多种多样的属性，这
些属性需以“data
‑”
开头。
[0036]通过自定义属性，开发者可以在元素上赋予更多的内容，方便的实现元素的查找，页面的交互。
[0037]Javascript操作H5：
[0038]通过JavaScript脚本访问页面元素，能够实现对页面元素的添加，删除，修改元素的外观，调整元素的位置，访问元素的方法，操作元素的行为。
[0039]Javascript作为操作页面元素的入口，凭借其强大的功能，能够实现绝大多数用户与页面的交互，通过这种方式可以极大的提升用户体验。
[0040]代理模式：
[0041]代理模式给某一个对象提供一个代理对象，并由代理对象控制对原对象的引用。
[0042]代理模式特点：
[0043]中介隔离作用：在某些情况下，一个客户类不想或者不能直接引用一个委托对象，而代理类对象可以在客户类和委托对象之间起到中介的作用，其特征是代理类和委托类实现相同的接口。
[0044]开闭原则，增加功能：代理类除了是客户类和委托类的中介之外，我们还可以通过给代理类增加额外的功能来扩展委托类的功能，这样做我们只需要修改代理类而不需要再修改委托类，符合代码设计的开闭原则。代理类主要负责为委托类预处理消息、过滤消息、把消息转发给委托类，以及事后对返回结果的处理等。代理类本身并不真正实现服务，而是同过调用委托类的相关方法，来提供特定的服务。真正的业务功能还是由委托类来实现，但是可以在业务功能执行的前后加入一些公共的服务。
[0045]如图1、2、3所示，本实施例中的一种网页中反馈式交互方法，具有以下步骤：
[0046]S1、使用特定格式书写表单：
[0047]增加交互方式的关键在于获取用户当前聚焦的元素，并为之执行所绑定的事件处理函数，为了方便的查找当前激活的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页中反馈式交互方法，其特征在于，具有以下步骤：S1、使用特定格式书写表单；S2、为表单中的元素绑定事件；S3、显示交互；S4、隐藏提示信息；S5、异步请求的处理。2.根据权利要求1所述的一种网页反馈式交互方法，其特征在于，在步骤S1中，文档元素的属性中添加自定义属性，指明当前元素触发事件名称，触发事件的规则，以及对应的提示信息。3.根据权利要求2所述的一种网页反馈式交互方法，其特征在于，在步骤S2中，首先预先定义好每个表单元素的处理方法，根据元素中已定义的触发事件名称，为所有需要绑定事件的元素添加处理方法，在处理方法中根据在此元素上已定义好的规则，对元素的值域进行判定，当值域符合预期时，展示反馈信息；不符合预期时，展示负反馈信息。4.根据权利要求3所述的一种网页反馈式交互方法，其特征在于，添加处理方法时，定义好的处理方法会对应生成一个代理方法，元素触发事件后执行的是代理方法，在代理方法中除执行原始的事件处理方法，还会额外的执行许多及时交互的操...

【专利技术属性】
技术研发人员：吴镇，
申请(专利权)人：浪潮软件股份有限公司，
类型：发明
国别省市：