ajax初学

最新推荐文章于 2025-12-28 17:42:14 发布

原创最新推荐文章于 2025-12-28 17:42:14 发布 · 260 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

<!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：（完成）响应内容解析完成，可以在客户端调用了