创建XMLHttpRequest对象

获取 XMLHttpRequest对象
使用IE浏览器
IE浏览器使用 MSXML 解析器处理 XML, 根据IE中安装的 JavaScript 技术版本不同，MSXML 实际上有两种不同的版本，因此必须对这两种情况分别编写代码。
在 Microsoft 浏览器上创建 XMLHttpRequest 对象
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
牢牢记住其中的两行代码
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

处理 Mozilla 和非 IE 浏览器
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest();
</script>

var xmlHttp = false;
function createXMLHttp(){
try{
xmlHttp = new ActiveXObject("Mircrosoft.XMLHTTP");
}catch(e){
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
xmlHttp = new XMLHttpRequest();
}
}
}

XMLHttpRequest对象常用方法和属性
void open(string method,string url,boolean asynch,string username,string password)
建立对服务器的调用，前2个参数是必要参数，后几个为可选参数
method:指定调用的方式（GET/POST）
url:指定调用资源的URL
asynch:是否采用异步。默认值为true,true表示采用异步。
最后2个参数允许指定特定的用户和密码

void send(content):向服务器发出请求
如果请求为异步，此方法立即返回，否则直到接到响应为止
可选参数可以是DOM对象实例或串

void setRequestHeader(string header,string value):设定头信息

response.setHeader("Cache-control","no-cache");设置页面不缓存
response.setHeader("pragma","no-cache");设置页面不缓存
此方法必须在调用Open方法之后调用

string getAllResponseHeaders()：获取头信息
string getResponseHeader(string header)：获取头信息

XMLHttpRequest对象属性
onreadystatechange: 每个状态改变都会触发这个事件处理器，通常是调用javascript回调函数
readyState :请求状态，0=未初始化 1=正在加载 3=交互中 4=完成
status :服务器状态码(200 ok,404 not found等)

statusText :HTTP状态码的相应文本(ok或not found等)。

responseText :服务器的响应，表示为一个串
responseXML :服务器的响应，表示为XML

交互示例

function validateEmali(){
createHttpRequest();
var email = document.getElementById("email");
var url = "validate?email="+escape(email.value);
xmlHttp.open("GET",url);
xmlHttp.onreadystatechange = callback;//应在send方法
xmlHttp.send(null);
}
function callback(){
if(xmlHttp.readyState==4 ){
if(xmlHttp.status==200 ){
//do something
}
}
}

使用XMLHttpRequest对象发送请求的基本步骤

1：创建XMLHttpRequest对象

2：告诉XMLHttpRequest对象的状态发生改变的时候（onreadystatechange）调用哪个函数

3：指定请求属性 XMLHttpRequest对象的Open方法

4：将请求发送个服务器 XMLHttpRequest对象的send方法，send方法可接受1个参数，这个参数

可以作为URL一部分发送个服务器

XMLHttpRequest对象不能请求脚本所在域之外的资源

xmlHttp.open("GET",url);
xmlHttp.onreadystatechange = callback;//应在send方法
xmlHttp.send(null);

if(xmlHttp.readyState==4 ){
if(xmlHttp.status==200 ){
//do something
}
}