一. AJAX的代码是是异步的JavaScript和XML,所以它写在<head><script>AJAX代码</script></head>
二. 步骤:
1.创建异步request对象
//创建异步的request对象,并解决浏览器间的兼容性问题
function createXMLHttpRequest(){
try{
return new XMLHttpRequest(); //兼容大部分浏览器
}catch(e){
try{
return ActiveXObject("Msxml.XMLHTTP"); //兼容IE6
}catch(e){
try{
return ActiveXObject("Microsoft.XMLHTTP"); //兼容IE5及其以前的版本
}catch(e){
throw e;
}
}
}
}
2.(1)得到异步对象
(2)打开与服务器的连接
(3)发送请求
(4)给异步对象的onreadystatechange事件添加监听
//得到异步方法
var xmlHttp = createXMLHttpRequest();
//打开与服务器的连接
xmlHttp.open("GET","<c:url value="/AServlet" />",true);
//发送请求
xmlHttp.send(null); //GET请求传空,不传的话,部分浏览器会出现异常
//给异步对象的onreadystatechange事件注册监听器
xmlHttp.onreadystatechange = function(){
//双重判断
if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
//获取服务器数据(数据格式可能是文本,可能是XML也可能是Json)
var text = xmlHttp.responseText;
//获取到了数据,更新界面,实现局部更新
}
}
网友评论