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("用户名不存在，可以使用"); }