美文网首页
手写AJAX

手写AJAX

作者: 浪味仙儿啊 | 来源:发表于2020-12-02 16:55 被阅读0次
首先创建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();

相关文章

  • 自己动手封装AJAX

    一、手写AJAX 首先我们先用原生JS手写一个AJAX: 这是一个POST请求的AJAX,可以通过修改 open ...

  • 手写AJAX与事件委托

    手写AJAX 完整版 简洁版 手写事件代理

  • 知识点---不定时更新

    cookie\session\localstorage跨域webpack手写ajax手写bind排序算法css常用...

  • 手写ajax

    基于promise的ajax

  • 手写AJAX

    首先创建XMLHttpRequest对象,第二步调用open方法,第三步监听对象的onload和onerror事件...

  • 手写 AJAX

    目录 没有 AJAX 的年代,怎么发请求 AJAX 是什么 XMLHttpRequest 的实例属性 XMLHtt...

  • 手写AJAX

    背代码,完整版 var request = new XMLHttpRequest() request.open('...

  • 原生JS写AJAX

    AJAX MDN_AJAX 手写AJAX的主要四个步骤:1.创建XMLHttpReauest2.处理响应(指定响应...

  • 像jQuery那样封装一个ajax

    ajax的手写、封装和自定义设置 1、目标 如果只是会用ajax就行,建议使用jquery等提供ajax功能的库,...

  • 手写原生ajax

    重要参考ajax与XMLHttpRequest阮一峰 XMLHttpRequest Level 2 使用指南 手写...

网友评论

      本文标题:手写AJAX

      本文链接:https://www.haomeiwen.com/subject/wwluwktx.html