java中应用ajax_JAVA中AJAX的使用

AJAX

/* 标准AJAX模板 */

//使用 false 作为判定条件，它表示还没有创建 XMLHttpRequest 对象

var http_request=false;

//创建XMLHttpRequest对象方法

function send_request(){

http_request=false;

//火狐

if(window.XMLHttpRequest){

http_request=new XMLHttpRequest();

if(http_request.overrideMimeType){

http_request.overrideMimeType('text/xml');

}

}else if(window.ActiveXObject){//IE

try{

http_request=new ActiveXObject("Msxml2.XMLHTTP");

}catch(e){

try{

http_request=new ActiveXObject("Microsoft.XMLHTTP");

}catch(e2){}

}

}

if(!http_request){//检查 request 是否仍然为 false(如果一切顺利就不会是 false)

window.alert("Err Create XMLHttpRequest!");

}

}

//与服务器交互

function sendReg(url)

{

//创建AJAX引擎

send_request();

//设定回调函数

//服务器响应完毕以后会自动调用回调函数一次

http_request.onreadystatechange = requestReg;

//与服务器连接

//1.提交方式(get/post)

//2.提交路径(url)

//3.是否异步

http_request.open("get",url,true);

//使用get方法不缓存

http_request.setRequestHeader("If-Modified-Since","0");

//提交请求

//get null

http_request.send(null);

}

//事件函数

function test()

{

//获得文本框的数据

var text = document.getElementById("text").value;

//get

//定义当前访问服务器URL

var url = "reg?text=" + text;

//使用UTF-8的编码将字符串进行解码

url = encodeURI(url);

//与服务器交互

sendReg(url);

}

//定义回调函数

function requestReg()

{

//判断就绪状态

if(http_request.readyState == 4)

{

//判断响应状态

if(http_request.status == 200)

{

//获得服务器响应的数据

var res = http_request.responseText;

//注意这里是通过在servlet中用out.println("****");所传输的数据，你也可以用XML的格式来发送，那就为var res = http_request.responseXML;然后可以使用res.getElementsByTagName等DOM的解析方法来解析；这个可以到网上查到相关资料

//alert(res);

if(res == "true")

{

document.getElementById("result").innerHTML = "此用户名已经被注册了";

document.getElementById("submit").disabled = true;

}

else

{

document.getElementById("result").innerHTML = "此用户名没有被注册";

document.getElementById("submit").disabled = false;

}

}

}

}

用 户 名