在介绍XMLHttpRequest对象使用方法之前，我们先学习一下HTTP请求和HTTP响应的组成部分。一个HTTP请求由4部分组成：
1.HTTP请求方法或“动作”
2.正在请求的URL
3.一个可选的请求头集合，其中可能包括身份验证信息
4.一个可选的请求主体
而服务器返回打的HTTP响应包含3部分：
1.一个数字和文字组成的状态码，用来显示请求的成功和失败。
2.一个响应头集合
3.响应主体
使用XHR对象时，要调用的第一个方法是open(),它接受三个参数：要发送的请求的类型（“GET”、“POST”等）、请求的URL和一个布尔值（是否异步发送请求）。调用open()并不会真正发送请求，而只是启动一个请求以备发送。接下来如果有请求头，例如POST请求需要“Content-Type”头指定请求主题的MIME类型，就需要用到setRequestHeader()方法。最后就是使用send()方法发送请求。下面是一个用POST方法发送纯文本给服务器的例子。
function postMessage(msg){
var request = new XMLHttpRequest();
request.open("POST","/log.php");
request.setRequestHeader("Content-Type","text/plain;charset=UTF-8");
request.send(msg);
}
发送请求很简单，那么怎么样取得服务器的响应呢？一个完整的HTTP响应由状态码、响应头集合和响应主体组成。这些都可以通过XMLHttpRequest对象的属性和方法得到。
1.status和statusText属性以数字和文本的形式返回HTTP状态码。这些属性保存标准的HTTP值，像200和‘OK’表示请求成功，404和'Not Found'表示URL不能匹配服务器上的任何资源。
2.使用getResponseHeader()和getAllResponseHeaders()能查询响应头。
3.响应主体可以从responseText属性中得到文本形式，从responseXML属性中得到Document形式。
为了监听响应是否返回，就需要使用XMLHttpRequest对象的readystatechange事件。为了理解这个事件，你需要了解readyState属性。
网友评论