手写AJAX

首先创建XMLHttpRequest对象,第二步调用open方法,第三步监听对象的onload和onerror事件,或用onreadystatechange,最后调用send方法。

完整版

var request = new XMLHttpRequest();
request.open('GET','/xxx',true);
request.onreadystatechange = ()=>{
  if(request.readyState === 4 && request.status === 200){
    console.log(request.resopnse)
  }
};
request.send();

简易版

var request = new XMLHttpRequest();
request.open('GET','/xxx',true);
request.onload =()=>{console.log('成功了')}//request.onerror =()=>{console.log('失败了')}
request.send();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 背代码,完整版 var request = new XMLHttpRequest() request.open('...
    逆风飘游的鱼阅读 988评论 0 0
  • 目录 没有 AJAX 的年代,怎么发请求 AJAX 是什么 XMLHttpRequest 的实例属性 XMLHtt...
    许骁Charles阅读 10,468评论 0 7
  • 参考:原生 JavaScript 实现 AJAX、JSONP XMLHttpRequest的使用 参考:XMLHt...
    疯狂吸猫阅读 1,657评论 0 1
  • 1.创建ajax对象 var oAjax = new XMLHttpRequest(); 不兼容 ...
    Mx勇阅读 4,415评论 0 1
  •   2005 年,Jesse James Garrett 发表了一篇在线文章,题为“Ajax: A new App...
    霜天晓阅读 4,359评论 0 1