用AJAX编写用户注册实例——我所举的这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名和企业名是否可用,以前的做法是在旁边加一个按钮,点击“检查”,就向服务器发出请求,然后等待……服务器返回信息,继续操作。
我所举的这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名和企业名是否可用,以前的做法是在旁边加一个按钮,点击“检查”,就向服务器发出请求,然后等待……服务器返回信息,继续操作。如果我们用Ajax技术来实现以上的操作则不必等待服务器返回信息,用户输入用户名或企业名称的时候,当输入文本框失去焦点的时候,则会自动向服务器发出请求,用户继续做下面的操作,不必点击“检查”,也不必等待服务器返回信息,检查与用户操作是异步的,可同时进行。当服务器信息返回的时候,会自动在面页相应位置显示返回信息,不必刷新页面,相当于局部刷新的效果。
HTML页面的完整代码如下:
以下为代码部分:
contentType="text/html;charset=GBK"%>
action="/Control?act=Register">
align="center"> Ajax演示程序 |
align="center"> ------ 企业注册 By Alpha |
cellspacing="1" align="center" >
color="red">*
用户帐号:maxlength="20" style="background:#FFFFFF" onBlur="chkUser()"
value=""/>
style="background-color:#FF9900;display:none">
color="red">*
企业名称:maxlength="100" style="background:#FFFFFF" onBlur="chkComNm()"
value=""/>
style="background-color:#FF9900;display:none">
color="red">*
用户密码:type="password" name="password" maxlength="20"
style="background:#FFFFFF"
onBlur="chkpassword()"/>
style="background-color:#FF9900;display:none">
color="red">*
确认密码:type="password" name="confirmPassword" maxlength="20"
style="background:#FFFFFF"
onBlur="chkconfirmPassword()"/>
style="background-color:#FF9900;display:none">
οnclick="checkfield()">