• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
彭小妍
博客园    首页    新随笔    联系   管理    订阅  订阅
原生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 未修改

posted on 2017-05-28 13:17  彭小妍  阅读(128)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3