Ajax请求方式--原生

• 原生Ajax请求

      var thisAjax=null
  
      //1. window.XMLHttpRequest 浏览器兼容器
      if(window.XMLHttpRequest){
        thisAjax=new XMLHttpRequest()
      }else{
        thisAjax=new ActiveXObject('Microsoft.XMLHTTP')
      }
      //异步（true）或同步（false）处理；
      // true是在等待服务器响应时执行其他脚本，
      // 当响应就绪后对响应进行处理；false是等待服务器响应再执行。
      //2.开启open('get',url,true)
      thisAjax.open('get',url,true)
  
      //请求状态
      //readyState 返回0-4
      //onreadstatechange返回请求状态
      /*
      * 0: 未调用open()
        1: 载入，已调用send(),正在发送请求
        2: 载入完成,send()完成,收到响应内容
        3: 正在解析响应内容
        4: 响应内容解析完成，可以在客户端使用
      */
      //3.onreadstatechange
       thisAjax.send(null);  
      thisAjax.onreadystatechange=function () {
        if(thisAjax.readyState==4){
          //状态码返回的状态码
          /*status:请求结果，返回200或者404
            200成功
            304请求的资源未修改，直接使用缓存
            404失败
            500服务器错误*/
          if(thisAjax.status>=200 && thisAjax<300 || thisAjax.statu==304){
            document.write(thisAjax.responseText)
          }else{
            console.log("error")
          }
        }
      }