Ajax加强Contents目录XMLHttpRequest的基本使用数据交换格式封装自己的Ajax函数XMLHttpRequestLevel2的新特性jQuery高级用法axios1.XMLHttpRequest的基本使用1.1什么XMLHttpRequestXMLHttpRequest（简称xhr）是浏览器提供的Javascript对象，通过它，可以请求服务器上的数据资源。之前所学的jQuery中的Ajax函数，就是基于xhr对象封装出来的。XMLHttpRequestjQuery中的Ajax$.get()$.post()$.ajax()思考：能否直接使用xhr对象发起Ajax请求？1.XMLHttpRequest的基本使用1.2使用xhr发起GET请求步骤：①创建xhr对象②调用xhr.open()函数③调用xhr.send()函数④监听xhr.onreadystatechange事件1.XMLHttpRequest的基本使用1.2使用xhr发起GET请求//1.创建XHR对象varxhr=newXMLHttpRequest()//2.调用open函数，指定请求方式与URL地址xhr.open('GET','http://www.liulongbin.top:3006/api/getbooks')//3.调用send函数，发起Ajax请求xhr.send()//4.监听onreadystatechange事件xhr.onreadystatechange=function(){//4.1监听xhr对象的请求状态readyState；与服务器响应的状态statusif(xhr.readyState===4&&xhr.status===200){//4.2打印服务器响应回来的数据console.log(xhr.responseText)}}1.XMLHttpRequest的基本使用1.3了解xhr对象的readyState属性XMLHttpRequest对象的readyState属性，用来表示当前Ajax请求所处的状态。每个Ajax请求必然处于以下状态中的一个：值状态描述0UNSENTXMLHttpRequest对象已被创建，但尚未调用open方法。1OPENEDopen()方法已经被调用。2HEADERS_RECEIVEDsend()方法已经被调用，响应头也已经被接收。3LOADING数据接收中，此时response属性中已经包含部分数据。4DONEAjax请求完成，这意味着数据传输已经彻底完成或失败。1.XMLHttpRequest的基本使用1.4使用xhr发起带参数的GET请求使用xhr对象发起带参数的GET请求时，只需在调用xhr.open期间，为URL地址指定参数即可：//...省略不必要的代码xhr.open('GET','http://www.liulongbin.top:3006/api/getbooks?id=1')//...省略不必要的代码这种在URL地址后面拼接的参数，叫做查询字符串。1.XMLHttpRequest的基本使用1.5查询字符串定义：查询字符串（URL参数）是指在URL的末尾加上用于向服务器发送信息的字符串（变量）。格式：将英文的?放在URL的末尾，然后再加上参数＝值，想加上多个参数的话，使用&符号进行分隔。以这个形式，可以将想要发送给服务器的数据添加到URL中。//不带...
