原生AJAX记录

创建全局变量xhr

var xhr = null;

1.创建HttpXMLRequest对象

function getXMLHttpRequest(){

if(window.XMLHttpRequest){

return new XMLHttpRequest();

}

}

2.创建一个事件触发，这里用失去焦点事件做示范

function userValidata(txtName){

xhr=getXMLHttpRequest();

var userName=txtName.value;

xhr.open("POST","UserServlet?name="+userName,true);

xhr.onreadystatechange=resultData;//设置回调函数

xhr.send("");

}

3.回调函数

function resultData(){

var span = document.getElementById("s");//得到id是s的span标签

if(xhr.readyState==4){//这里表示有回调函数

if(xhr.status==200){//这里表示回调函数是正确的

if(xhr.responseText=="xxx"){//xhr.responseText代表由后台返回来的消息

//操作代码

}else{

//操作代码

}

}

}

}

4.后台取得Ajax的数据和返回数据

String name = request.getParamter("name");//这里得到传过来的name值

response.getWriter.write("xxx");//这是将数据传回到回调函数中