首页 > 代码库 > 原生JS封装Ajax(原理)

原生JS封装Ajax(原理)

1.创建一个ajax对象
  var oAjax=new XMLHttpRequest();
2.连接
  oAjax.open(‘GET‘,‘a.txt‘+‘?‘+data,true);
  oAjax.open(‘POST‘,url,true);
3.发送
  oAjax.send();
  oAjax.setRequestHeader(‘Content-Type‘,‘application/x-www-form-urlencoded‘);
  oAjax.send(data);
4.接收
  监听
  oAjax.onreadysatechange
  oAjax.readyState
  0 - (未初始化)还没有调用send()方法
  1 - (载入)已调用send()方法,正在发送请求
  2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
  3 - (交互)正在解析响应内容
  4 - (完成)响应内容解析完成,可以在客户端调用了
  oAjax.status
  200 成功
  200-299 都算成功
  304 未修改

原生JS封装Ajax(原理)