创建ajax程序的基本流程:
- 创建XMLHttpRequest对象
- 使用XMLHttpRequest对象向服务器发送请求
- 监视response的状态,写回调函数处理服务器返回的数据
最简单AJAX示例:
<html>
<head>
<script>
function test(){
//创建XMLHttpRequest对象
var request;
if (window.XMLHttpRequest) { // Mozilla,...
request = new XMLHttpRequest();
}else if (window.ActiveXObject) { // IE
request = new ActiveXObject("Msxml2.XMLHTTP");
}
//使用XMLHttpRequest对象创建请求
request.open("get","luwenbin"); //创建一个ajax请求
//监视response的状态,写回调函数处理服务器返回的数据
request.onreadystatechange = function(){
if(request.readyState==4){
var result = request.responseText; //得到服务器端返回的数据
document.getElementById("div2").innerHTML=result; //局部刷新
}
};
//使用XMLHttpRequest对象发送请求
request.send(null); //如果不写null,火狐会报错。
}
</script>
</head>
<body>
<div>daaaa</div>
<div id="div2"></div>
<div>bbbb</div>
<a href="javascript:void(0);" οnclick="test();">测试AJAX</a>
</body>
</html>