1.Ajax对象 xmlHttpRequest（ xht）
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
2.Ajax属性
| readyState | 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
|
| status | 200: "OK" 404: 未找到页面 |
| responseText | 获得字符串形式的响应数据。 |
| responseXML | 获得 XML 形式的响应数据。 |
3.Ajax方法
| open(method,url,async) | 规定请求的类型、URL 以及是否异步处理请求。
|
| send(string) | 将请求发送到服务器。
|
| setRequestHeader(header,value) | 向请求添加 HTTP 头。
|
4.Ajax事件
onreadystatechange：存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="div" style="border:1px dotted #369;width: 100px;height: 100px;" ></div>
<button οnclick="getajax()">Ajax测试</button>
</body>
<script>
function getajax(){
var xmlhttp;
var divobj=document.getElementById("div");
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","ajax.php",true);
xmlhttp.send();
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4&&xmlhttp.status==200){
divobj.innerHTML=xmlhttp.responseText;
}
}
}
</script>
</html>
1795
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
