Ajax入门例子

  //创建XMLHttpRequest对象，需要根据IE和浏览器类型创建不同的xhr对象
var xhrobj;
function check()
{
//获取文本框的值
var username = document.getElementById("username").value;
if(window.XMLHttpRequest)
{
//针对firefox，Mozilla，ie7，ie8等
xhrobj = new XMLHttpRequest();
//针对某些特定版本的Mozilla浏览器的bug进行修正
if(xhrobj.overrideMimeType)
{
xhrobj.overrideMimeType("text/html");
}
}
else if(window.ActiveXObject)
{
//针对ie6，ie5
//将创建xhr对象的控件名称保存在数组中
var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for(var i=0;i<activexName.length;i++)
{
try
{
xhrobj = new ActiveXObject(activexName[i]);
break;
}
catch(e)
{
}
}
}

/*if(!xhrobj)
{
alert("XMLHttpRequest对象创建失败");
return;
}
else
{
alert(xhrobj);
}*/

//注册回调函数。这里只需要函数名不需要加括号
xhrobj.onreadystatechange = callback;
//设置连接.get连接方式，true表示采取异步方式交互
xhrobj.open("GET","test?username="+username,true);
//发送数据和服务器交互
xhrobj.send(null);
//post方式,需要自己设置请求头。
//xhrobj.open("POST","test",true);
//xhrobj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//xhrobj.send("username="+username);
}
function callback()
{
//判断对象的状态是否交互完成
if(xhrobj.readyState==4)
{
//判断HTTP的交互是否完成
if(xhrobj.status==200)
{
//获取服务器端返回的数据
var responseText = xhrobj.responseText;
//通过dom方式找到div节点
var divNode = document.getElementById("result");
//将数据显示在HTML页面上
divNode.innerHTML = responseText;
}
}
}

请输入用户名:<br>

<input type="text" id="username">
<input type="button" value="校验" onclick="check()">
<div id="result"></div>
package com.gyb.ajax;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLDecoder;
import javax.servlet.Servlet