原生Ajax创建过程及相关

是什么？

AJAX的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

是一种通过异步的方式向服务器请求数据的技术，它在不重新加载全部页面的情况下，局部更新页面

优、缺点

优点：

1、页面无刷新，提高用户体验。
2、异步请求，数据响应迅速。
3、ajax的原则是“按需取数据”，极大减少了服务器的负担
4、被广泛支持，无需下载插件，使用方便

缺点：

1、不支持浏览器back按钮。
2、在安全上， 暴露了与服务器交互的细节。
3、对搜索引擎的支持比较弱。
4、不容易调试。

创建过程

一、创建xhr核心对象

var xhr=new XMLHttpRequest();

二、调用send方法，准备发送请求

xhr.open(method,url,false/true)

参数1：请求的方式（post/get）

参数2：请求地址

参数3：异步/同步请求（true异步，false 同步）

三、如果是post请求，则需要设置请求头

xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')

四、调用send方法，发送请求

xhr.send('title=小宇真帅!')

如果没有参数，则写null

五、监听异步回调 onreadystatechange

  xhr.onreadystatechange=function(){
          if(xhr.readyState==4){ 
            if(xhr.status==200){
              console.log(xhr.responseText);
              var res=JSON.parse(xhr.responseText);
              console.log(res);
            }
          }

• 判断readyState 为4 表示请求完成
• 判断status 状态码 为 200 表示接口请求成功
• responeseText 为相应数据。字符串类型。