基于WEB2.0中AJAX的员工身份快速识别选择方法

摘要

基于WEB2.0中AJAX的员工身份快速识别选择方法，利用JavaScript的正则表达式对输入的数据进行过滤控制匹配，通过JavaScript的字符串匹配得到员工输入的信息是姓名、工号或数字、或者是拼音或字母；并决定是通过姓名、工号或拼音查询的线路；通过Ajax实时的将前台WEB客户的输入信息传输到后台处理程序，并将后台的处理内容及时通过预先设定的Ajax回调函数回写前台WEB页面，实现及时、快速、有效的动态查询；并采用Ajax技术来实现WEB页面的后台操作。

说明书

一、技术领域

本发明属于WEB2.0中的AJAX技术对身份快速识别选择方法。

二、背景技术

传统的网页数据更新，大多是在服务端(Server)数据更新后便将数据送回客户端(Client)的浏览器(Browser)，当browser得到更新的请求时才会将网页内容更新(图1)。当用户执行装载作业后，作业的状态讯息尚未回传，此时若再进行下个作业，往往会造成状态讯息遗失。

AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML)，是一种创建交互式网页应用的网页开发技术(图2)。而JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，有了JavaScript使网页变得生动。使用它的目的是与HTML超文本标识语言、Java脚本语言一起实现在一个网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的HTML语言中实现的。

在使用JavaScript时，当档案或数据库来自server端或是要送至server端，可以使用HTML窗体，并用GET或POST的方式通过submit按键将数据送到server端，然后等待响应讯息；而使用AJAX，用JavaScript的XMLHttpRequest对象跟server做沟通，从server响应的数据可直接更新全部或部份的页面。

AJAX的优点

●不必更新全部网页，可只更新部份页面。

●优化了browser和server之间的沟通。减少不必要的数据传输、时间及降低网络上数据流量。

●平衡了前、后端的负载。原本数据多由后端负责处理，AJAX技术让客户端分担些工作，减轻了后端的负载。

AJAX的缺点

●每个用户端的浏览器版本的不一致性，可能会造成无法动作问题。

●客户端超载，过多程序代码在客户端会提高开发的成本。

●服务端会被恶意攻击、窜改，而造成安全漏洞。

在系统平台中，由于人员的不确定因素，以往的设计中，当需要查询公司人员信息，必须通过姓名、工号等搜索条件才能搜索符合条件的人员，并以表格的形式罗列出来(图三)，操作人再从列表中选择相关人员信息。这种设计操作上比较繁琐，同时设计上需要考虑许多技术环节。客户端虽然提供了模糊查询功能，但若输入不对，查询操作需要重复进行。

如何及时、有效、快速定位人员信息，是需要解决的问题。操作方式只要在信息输入框中输入姓名、工号、姓名的拼音简写等方式，能直接得出人员信息(图四、图五、图六)。

三、发明内容

本发明目的是，提出一种在WEB网页设计中提供及时、有效的、快速的定位人员信息方法。

本发明的技术方案是：基于WEB2.0中AJAX的员工身份快速识别选择方法，首先需要解决如何区分各种不同的输入条件，包括：汉字、数字与字母。而JavaScript的正则表达式的强大而有效的功能能够对输入的数据进行过滤控制匹配，各个正则表达式如下：

汉字：reg＝/[^\u4E00-\u9FA5]/g

数字：reg＝/[^\d]/g

字母：reg＝/[^\[a-z]|[A-Z]/g

通过JavaScript的字符串匹配可以得到输入的信息是姓名、工号(数字)或者是拼音(字母)，并决定如何查询；

前台WEB的输入将通过Ajax的服务传输到WEB服务后台，为了实现根据不同的查询条件：姓名、工号(数字)或者是拼音(字母)查询员工信息，我们需要在服务端实现后台按信息类别分类查询功能：

●姓名和工号在数据库中存在相关的存储字段，可以实现直接查询

●姓名的拼音由于数据库中个人信息的Email邮箱地址是按照个人拼音编码所以我们可以根据Email邮箱地址进行查询(匹配@前的部分)

通过Ajax技术我们可以实现实时的将前台WEB客户的输入信息传输到后台处理程序，并将后台的处理内容及时通过预先设定的Ajax回调函数回写前台WEB页面，实现及时、快速、有效的动态查询。

为了实现我们的需求我们需要采用Ajax技术来实现WEB页面的后台操作：

1.实现输入框的触发函数——在用户输入信息时可以触发Ajax的主体函数，

2.实现回调函数的注册——在后台服务数据处理完毕后通过Ajax传输引擎将处理后的数据输入到注册的回调函数，

3.实现回调函数的回写功能——由回调函数将输入的数据回写WEB前台页面。

本发明采用Ajax技术来实现WEB页面的后台操作，在用户输入数据信息时触发Ajax引擎(并注册回调函数)，实现从客户端的页面到服务端的数据提交，数据查询结果再通过Ajax的引擎主动调用注册的回调函数实现将结果集返回客户端功能。

实现客户端到服务端的Ajax的通讯上，为避免数据的频繁交互，需要对发送的频率进行控制；为防止暴露服务端被恶意攻击、窜改而造成安全漏洞，在服务端的服务程序加入了语法过滤的功能，同时增加了用户身份验证功能，利用Session的有效性判断远端操作者的身份。

本发明有益效果，实现及时、有效的、快速的定位人员信息，避免了以往的操作的动作带来的不便

四、附图说明

图1常规B/S工作方式

图2是本发明使用Ajax下的B/S工作方式

图3人员信息查询界面

图4是通过汉字查询人员信息

图5通过工号查询人员信息

图6是通过姓名拼音查询人员信息

图7是服务端处理流程

图8是客户端处理流程

五、具体实施方式

步骤一，按照Ajax工作模型，建立WEB服务端的服务功能，提供根据员工姓名、工号、拼音查询员工信息的功能。为此，设计编写了相应的Servlet服务接受代码，这段代码负责接受从客户端的查询请求、实现身份校验、并返回查询结果，工作流程如图7所示。

步骤二，在展现前台界面的Jsp代码中，需要实现Ajax工作模型的客户端代码(JavaScript语言实现)。首先，编写Ajax引擎的初始化方法；构建Ajax的引擎发送方法，通过实现Http的Put方法向服务器发送相关的数据，同时向Ajax的引擎注册回调函数，以实现返回数据的处理功能。

步骤三，使用JavaScript语言的正则表达式的匹配功能实现输入信息的过滤功能，将输入查询信息划分为根据姓名、工号、拼音查询三大类，同时在员工录入信息框中添加信息输入事件，在输入信息时触发Ajax的客户端代码，实现及时通讯。

步骤四，实现Ajax的回调函数，实现数据回写功能的JavaScript函数，并在调用Ajax引擎时将其注册供Ajax引擎使用。函数实现了，在服务端返回查询信息后，显示这些数据以及其它的相关附属功能。工作流程如图8所示。

为保障通信过程中的信息安全，减小服务端被恶意攻击、窜改而造成安全漏洞，在服务端的服务程序加入了语法过滤的功能，同时增加了用户身份验证功能，利用Session的有效性判断远端操作者的身份。