<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
window.onload = function(){
document.getElementById('but').onclick = function(){
//创建对象,兼容IE6浏览器
if(window.XMLHttpRequest){
var req = new XMLHttpRequest();
}else{
var req = new ActiveObject("Msxml6.XMLHTTP");
}
//创建链接
req.open('get','demo3.php');
req.onreadystatechange = function(){//通过onreadystatechange事件来感知状态发生变化
if (req.readyState == 4 && req.status == 200) {//readyState获取当前请求状态码,status表示服务端请求状态码
var str = req.responseText;//获取服务器你返回的字符串
alert(str);
}
}
//发送请求
req.send();
}
}
</script>
<body>
<input type="button" id="but" value="点击" />
</body>
</html>
readyState状态码:
0:(为初始化)还没有调用send()方法
1:(载入)已调用send()方法,正发送请求
2:(载入完成)send()方法已经执行完成,已经接受到全部响应内容
3:(交互)正在解析响应内容
4:(完成)响应内容解析完成,可以在客户端调用了