<html>
<head>
<title>AJAX示例</title>
<script>
var http=null; //定义全局变量
function doLoad(){
//1.创建一个浏览器请求对象xmlhttprequest
try{
//尝试创建一个非IE(5.5;6.0)浏览器的请求对象
http = new XMLHttpRequest();
}catch(e){
try{
//创建一个IE浏览器的请求对象(ie5.5 ie6.0)
http= new ActiveXObject("Microsoft.XMLHTTP");
}catch(re){
alert("浏览器不支持AJAX！");
return;
}
}
//=============================进入第二步
http.onreadystatechange=fun; //设置回调函数，第三步的时候写函数
http.open("GET","2.php",true); //采用get方法启动异步方式
http.send(null); //因为采用get方式提交，可以用null作为参数调用
//============================进入第三步
//开始写回调函数
function fun(){
//0：请求未初始化，还没有调用 open()。
//1：请求已经建立，但是还没有发送，还没有调用 send()。
//2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。
//3：请求在处理中；通常响应中已有部分数据可用了，没有全部完成。
//4：响应已完成；您可以获取并使用服务器的响应了。
if(http.readyState == 4){ //判断readyState值是否请求完成。
if(http.status == 200){ //判断http状态是否响应成功，HTTP状态值是200的时候，说明成功响应
document.getElementById("sid").innerHTML=http.responseText; //将responseText值赋予给ID为sid的元素
}
}
}
}
</script>
</head>
<body>
<h2>AJAX示例</h2>
<button onClick="doLoad()">加载</button>
<h1 id="sid"></h1>
</body>
</html>
