Ajax解密

ajax（异步的Javascript与XML技术）可以实现局部更新，是异步的；

创建一个Ajax需要四步

// 1. 创建一个xml对象  因为我们操作Javascript都是操作对象上面的属性和方法，有了对象，我们就可以进行操作
var xml=new XMLHttpRequest();//实例化一个对象的时候，没有传入参数时，括号可以省略
// 2. 打开地址：请求的方式（GET，POST），请求的地址（URL），是否异步（一个布尔值：true(异步)，false(同步)）
xml.open('GET','data.txt',false);
// 3. 发送请求
xml.send(null); 
// 4. 响应请求 事件是异步的
xml.onreadystatechange=function(){
// status:状态码 以2开头 ^2 ; 包含2个数字 d{2} $ 以什么结尾 正则判断
// readyState: 4
if(xml.readyState==4 && /^2\d{2}$/.test(xml.status)){
         //解析后台返回的数据 utils.jsonParse()是前面封装的工具方法
         var data=utils.jsonParse(xml.responseText);
          console.log(data);
      }
}

• 上面这个程序中：

  • 第一步的xml.readyState为0，
  • 第二步的xml.readyState为1，
  • 第三步的xml.readyState为1，
  • 第四步的xml.readyState为2，3，4
  • 解析数据的时候：是获取xml.responseText响应的数据

• 前端向后台的请求常用方式：

  • GET：请求数据
  • POST：发送数据
  • PUT：提交数据

• http响应状态码

  • 2XX：成功

  • 3XX：重定向

  • 4XX
    ：请求错误400
    ：请求的参数错误

  • 404：文件没有找到

  • 5XX：服务器错误

• 事件异步的几种情况

  • 函数里面的回调异步
  • 事件的执行
  • 定时器
  • Ajax