Ajax原生API详解

xhr.open() :　发起请求，可以是get、post方式 第二个参数是请求的后端目标地址 设置请求行

xhr.setRequestHeader() :　设置请求头

xhr.send() :　发送请求主体get方式使用xhr.send(null) 设置请求体

xhr.onreadystatechange = function () {} 监听响应状态

readstate :　 属性有五个状态：

• xhr.readyState = 0时，（未初始化）还没有调用send()方法
• xhr.readyState =1时，（载入）已调用send()方法，正在发送请求
• xhr.readyState =2时，（载入完成）send()方法执行完成，已经接收到全部响应内容
• xhr.readyState = 3时，（交互）正在解析响应内容不一定解析完毕 数据不一定能够使用
• xhr.readyState = 4时，（完成）响应内容解析完成，可以在客户端调用了

注意：不用记忆状态，只需要了解有状态变化这个概念

服务器端响应回来的信息获取：

xhr.status :　表示响应码，如200

xhr.statusText :　表示响应信息，如OK

xhr.getAllResponseHeaders() :　 获取全部响应头信息

xhr.getResponseHeader(‘key’) :　获取指定头信息

xhr.responseText :　 接收服务器端响应回来的普通字符串或是JSON格式的字符串

xhr.responseXML :　接收服务器端响应回来的XML格式的字符串并转换成类DOM对象

注意：

前后端数据的交互只有两种数据格式

• 字符串
• 二进制