Ajax中XMLHttpRequest对象的方法和属性
1.XMLHttpRequest的方法:
abort():停止当前请求;
getAllResponseHeaders():把HTTP请求的所有相应首部作为键/值对返回;
getResponseHeader("header"):返回指定首部的串值;
open("method", "url"):建立对服务器的调用;
send(content):向服务器发送请求;
setRequestHeader("header", "value"):把指定首部设置为所提供的值,在设置任何首部之前必须先调用open();
2.XMLHttpRequest的属性;
onreadystatechange:每个状态改变时都会触发这个事件处理器,通常会调用一个JavaScript函数;
readyState:请求的状态,有5个可取值:0=未初始化,1=正在加载,2=已加载,3=交互中,4=完成;
responseText:服务器的相应,表示为一个串;
responseXML:服务器的相应,表示为XML,这个对象可以解析为一个DOM对象;
status:服务器的HTTP状态码,200=OK,404=Not Found,等等;
statusText:HTTP状态码的相应文本,OK、Not Found等等;
xmlhttprequest.html:
程序代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XMLHttpRequest</title>
<script language="JavaScript">
var xmlHttp;
function validateEmail() {
var email = document.getElementById("email");
var url = "validate?email=" + escape(email.value);
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
xmlHttp.open("GET", url);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);
}
function callback() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
alert("OK");
} else if (xmlHttp.status == 404) {
alert("NOT FOUND");
}
}
}
</script>
</head>
<body>
<input type="text" id="email" name="email" οnblur="validateEmail();" />
</body>
</html>
1.XMLHttpRequest的方法:
abort():停止当前请求;
getAllResponseHeaders():把HTTP请求的所有相应首部作为键/值对返回;
getResponseHeader("header"):返回指定首部的串值;
open("method", "url"):建立对服务器的调用;
send(content):向服务器发送请求;
setRequestHeader("header", "value"):把指定首部设置为所提供的值,在设置任何首部之前必须先调用open();
2.XMLHttpRequest的属性;
onreadystatechange:每个状态改变时都会触发这个事件处理器,通常会调用一个JavaScript函数;
readyState:请求的状态,有5个可取值:0=未初始化,1=正在加载,2=已加载,3=交互中,4=完成;
responseText:服务器的相应,表示为一个串;
responseXML:服务器的相应,表示为XML,这个对象可以解析为一个DOM对象;
status:服务器的HTTP状态码,200=OK,404=Not Found,等等;
statusText:HTTP状态码的相应文本,OK、Not Found等等;
xmlhttprequest.html:
程序代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XMLHttpRequest</title>
<script language="JavaScript">
var xmlHttp;
function validateEmail() {
var email = document.getElementById("email");
var url = "validate?email=" + escape(email.value);
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
xmlHttp.open("GET", url);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);
}
function callback() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
alert("OK");
} else if (xmlHttp.status == 404) {
alert("NOT FOUND");
}
}
}
</script>
</head>
<body>
<input type="text" id="email" name="email" οnblur="validateEmail();" />
</body>
</html>