id="passwordStr" style="background-color:#FF9900;display:none"></div>
</td>
</tr>
<tr>
<td><font color="red">*</font></td>
<td>确认密码:</td>
<td><input type="password" name="confirmPassword" maxlength="20" style="background:#FFFFFF" onBlur="chkconfirmPassword()"/>
<div id="confirmPasswordStr" style="background-color:#FF9900;display:none"></div>
</td>
</tr>
</table>
<div align="center">
<input type="button" name="ok" value=" 确 定 " onclick="checkfield()"> <input type="reset" name="reset" value=" 取 消 ">
</div>
</form>
</body>
</html>
用JavaScript来创建XmlHttpRequest 类向服务器发送一个HTTP请求后,接下来要决定当收到服务器的响应后,需要做什么。这需要告诉HTTP请求对象用哪一个JavaScript函数处理这个响应。可以将对象的onreadystatechange属性设置为要使用的JavaScript的函数名,如下所示:Xmlhttp_request.onreadystatechange =FunctionName;
FunctionName是用JavaScript创建的函数名,注意不要写成FunctionName(),当然我们也可以直接将JavaScript代码创建在onreadystatechange之后。
我们调用request.open()-它用服务器打开套接字频道,使用一个HTTP动词(GET或POST)作为第一个参数并且以数据提供者的URL作为第二个参数。request.open()的最后一个参数被设置为true-它指示该请求的异步特性。注意,该请求还没有被提交。随着对request.send()的调用,开始提交-这可以为POST提供任何必要的有效载荷。在使用异步请求时,我们必须使用request.onreadystatechanged属性来分配请求的回调函数。(如果请求是同步的话,我们应该能够在调用request.send之后立即处理结果,但是我们也有可能阻断用户,直到该请求完成为止。)
再看看数据提供者的URL,url = "/chkUserAndCom",servlet如下:
程序代码
/**//*
* Created on 2005-12-31
*
* TODO To change the template for this generated file go to
* Window - Preferences - Java - Code Style - Code Templates
*/
package com.event;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.beans.EBaseInfo;
/** *//**
* @author Alpha 2005-12-31
*
* <P>Ajax 演示---企业注册时检查企业用户名和企业名称</P>
*
* TODO To change the template for this generated type comment go to
* Window - Preferences - Java - Code Style - Code Templates
*/
public class CheckUserAndComNm {
private String msgStr = "";
protected void doGet(HttpServletRequest request,HttpServletResponse response)
throws ServletException
{
EComBaseInfo info=new EComBaseInfo();
String oprate=request.getParameter("oprate")).trim();
String userName=request.getParameter("userName");
String passWord=request.getParameter("password");
String comName=request.getParameter("comName");
try
{
if(oprate.equals("chkUser"))
{
response.setContentType("text/html;charset=GB2312");
if(userName.length()<5||userName.length()>20)
{
msgStr = "对不起,用户名必须为字母、数字或下划线,长度为5-20个字符!";
}
else
{
boolean bTmp=info.f