利物浦约翰摩尔斯大学兰州交通大学学报

2020年11月25日发(作者：容祖椿)

兰州交通大学学报

(

自然科学版

)

第

26

卷

Function getZipData(zipCode){

Xhr=new XMLHttpRequest();

(/GET0,//t?0+

zipCode);

(null);

}

Function processZipData(){

V

ar data=seText;

V

ar cityState=(-,.);

mentById(/city0).value=cityState

[0];

mentById(/state0).value=cityState[1]

};

4.2.2

解决数据验证功能

基于

XML

的异步通信

,

既能获的客户端验证

的好处

(

无需等待页面刷新的

/

瞬时

< p>0

反馈

),

同时又

能实现服务器端的验证功能

(

基于服务器端数据或

规则进行比对

).

在

WEB

页面中用< /p>

Onblue

事件调

用

v alidateField()

方法来执行验证

.validateField( )

首先根据其传入的参数

,

创建一个添加到验证

URL

的参数列表

,

紧接着它将使用

prototype

程序库所

提供的

< p>AJAX

的功能

.

更新者

(Updater)

将发起该

请求

,

并将生 成的错误信息填充到这个字段

.

此外还

要创建一个基于服务器验证引擎

,

编写了一个自定

义

servlet,

只需传入字段值以及规则

(

否则必填

,

以

及特定的规则< /p>

),

就能返回空字符串

(

意味着验证成

功

)

或错误信息

(

说 明失败

).

具体的

validateField()

如下

:

Function validateField(fieldname,required,validation,

update)

{

Var param=0type=0+validation+/&required=0+

required+/&value=0+$$F(fieldname);New -

ter(update, validationUrl, { Asynchronous: true, Method:0

get0,

Paramters:params

})

}

4.2.3

解决更新提示问题

在有些

CRM

的

WEB

页面中

,< /p>

当

city

和

State

字段被更新后

,

我们使用

YFT

方法

(yellow fade

技

术

)< /p>

来提示用户

.

更新

getZipData()

函数

,

当请求失

败时

,

将调用

assignError()

函数来显示消息

,

当请

求返回了数据时触发

onSuccess,

此时包含

city

和

state

的行先变成黄色

,

然后在一秒内变 为白色

.

具

体

getZ ipData()

函数代码如下

:

Function getZipData(zipCode){

New Ajax. Updater (/rewrite0, url, {Asynchronous:

true,Method:0get0,Parame ters:0zip=0+zipCode+0&type

=html0,onSuccess:function(request){

new ght(-rewrite.);}

onFailure:function(request) {assignError(request. re-

sponseText);}})

}

4.2.4

解决自动更新问题

在

CRM

中

,

要实现根据用户在

z ip

字段中输入

的内容

,

提示所有可能与其匹配的

zip

值

,

即当用户< /p>

在

zip

字段中输入值时

,

将根据可用的

zip

代码列表

进行比较

,

返回可能匹配

(

以所输入的值 开头

)

的值

.

从实现自动完成功能的< /p>

servlet

开始

,

将使用数据库

来存储

zip

代码

,

在这 个

servlet

中将用字符数组来

完 成存放和比较功能

.

在

ui

的页面中添加

-

toCompleter

和一个