XMLHttpRequest对象介绍

XMLHttpRequest对象用于浏览器和服务器之间的通信，是Ajax的主要接口。

创建XMLHttpRequest对象

var request = new XMLHttpRequest()

XMLHttpRequest发送请求

主要使用open()和send()两个方法 open(method, url, async) method–请求方法， url–请求地址，asycn–是否异步（默认为true） send(string) 发送请求，string为传递的参数，可为null POST类型的请求需要在open()和send()方法之间调用setRequestHeader()方法设置请求头

// GET请求 var request = new XMLHttpRequest() request.open('GET', '/data.text') request.send() // POST请求 request.open('POST', '/data.text') request.setRequestHeader("Context-type", "application/x-www-form-urlencoded") request.send("name=tom&age=18")

XMLHttpRequest获取响应

属性：

responseText：获得字符串形式的相应数据 responseXML：获得XML形式的响应数据 status和statusText：以数字和文本形式返回HTTP状态码 readyState：通信状态 0：请求未初始化，open()还未调用 1：建立服务器连接，open()被调用 2：请求已接受，接收到头信息 3：请求已经处理，接收到响应主体 4：请求完成

方法：

getAllResponseHeader()：获取所有的响应报头 getResponseHeader()：查询响应中的某个字段 // XMLHttpRequest获取响应 request.onreadystatechange = function() { if(request.readyState === 4 && request.status == 200){ console.log(responseText) } }