1. xmlHttpRequest对象有哪些属性?
onreadystatechange =======>指定readystate状态改变时使用的操作,一般都用于指定具体的回调函数。
responseText ===========>表示返回的是文本形式的数据。
resoposneXML============>表示返回的是XML文档形式的数据,这样就可以进行dom解析操作了。
status:返回当前请求的http状态码,只读 .//200表示正常。
readyState五种取值:
0:请求没有发出
1:请求已经建立,但还没有发出
2:请求已经发出,正在处理中。
3:请求已经处理,正在接受服务器的信息。
4:相应已经完成,可以访问服务器响应,并且使用它。
2.xmlHttpRequest对象的方法:
open():创建一个http请求,并指定请求模式,如get或post
send():发送,将请求发送到服务器端。
。。。。。。。。
。。。。。。。。
例子:
<html>
<head>
<script language="javascript">
var xmlHttp ;
function createXMLHttp(){
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}else{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function showMsg(){
//创建xmlHttp对象。
createXMLHttp();
xmlHttp.open("POST", "content.htm");
//设置操作的回调函数
xmlHttp.onreadystatechange = showMsgCallback;
xmlHttp.send(null) ;
}
function showMsgCallback(){//回调操作函数
if(xmlHttp.readyState == 4){//调用完成,数据返回。
if(xmlHttp.status == 200){//Http操作码正常
var text = xmlHttp.responseText ;
document.getElementById("msg").innerHTML = text ;
}
}
}
</script>
</head>
<body>
<input type="button" onClick="showMsg()" value="调用AJAX显示内容">
<span id="msg"></span>
</body>
</html>