JavaWeb-Servlet实现ajax

检查XMLHttpRequest的整体状态并且保证它已经完成（readyStatus==4），即数据已经发送完毕。
然后根据服务器的设定询问请求状态，如果已经就绪（status==200)，那么就执行下面的操作。

对于XmlHttpRequest的两个方法：open和send，其中open方法指定了下面这些内容：
1.向服务器提交数据的类型，即是post还是get；
2.请求的url地址和传递的参数；
3.传输方式，false为同步，true为异步。默认为true。
如果是异步通信方式，客户机就不等待服务器的响应；如果是同步方式，客户机就要等到服务器返回消息后才会去执行其他操作。
Send用来发送请求。 

前端请求代码：

var xmlhttp;
function verify() {//这个方法使用XMLHttpRequest对象来进行Ajax异步交互数据 
    //1.使用dom的方式获取文本框的内容 
    var userName = document.getElementById("userName").value;
    //2.创建XMLHTTPRequest对象 
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        //针对ie6以下版本 
        var activexName = [ "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
        //两个可以用来创建XMLHTTPRequest对象的控件，进行尝试创建 
        for (var i = 0; i < activexName.length; i++) {
            try {
                xmlhttp = new ActiveXObject(activexName[i]);
                break;
            } catch (e) {
            }
        }
    }

    //最后 确认xmlhttprequest对象创建成功 
    if (!xmlhttp) {
        alert("请更换更新版本的浏览器");
        return;
    } else {
        //2.注册回调函数,只需要函数名不需要加括号 
        xmlhttp.onreadystatechange = callback;
        //3.设置连接信息 
        xmlhttp.open("GET", "check.jsp?name=" + userName, true);
        //4.发送数据，开始和服务器端进行交互 
        xmlhttp.send(null);
    }
}

//回调函数 
function callback() {
    //判断对象交互完成 
    if (xmlhttp.readyState == 4) {
        //判断http交互是否成功 
        if (xmlhttp.status == 200) {
            //获取服务器的数据 
            //获取纯文本的数据 
            var responseText = xmlhttp.responseText;
            document.getElementById("div1").innerHTML = responseText;
        }
    }
}

后端处理数据：

request.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=UTF-8");
String name = request.getParameter("name");
name = new String(name.getBytes("ISO-8859-1"), "UTF-8");
PrintWriter outt = response.getWriter();
if (name.equals("bird")) {
    outt.println("用户名" + name + "已经存在");

} else {
    outt.println("用户名不存在，可以使用");
}