<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>