实现原生的AJAX请求

    const ajax = {
      get(url, fn) {
          const xhr = new XMLHttpRequest()
          xhr.open('GET', url, true)// 第三个参数异步与否
          xhr.onreadystatechange = function() {
              if (xhr.readyState === 4) {
                fn(JSON.parse(xhr.responseText));
              }
          }
          xhr.send()
      },
      post(url, data, fn) {
          const xhr = new XMLHttpRequest()
          xhr.open('POST', url, true)
          xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded')
          xhr.onreadystatechange = function () {
              if (xhr.readyState === 4) {
                fn(JSON.parse(xhr.responseText));
              }
          }
          xhr.send(data)
      }
    }
    ajax.get('https://api.apiopen.top/getJoke?page=1&count=2&type=video',(res)=>{
      console.log(res);
    });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容