手写http request

function _fetch(path, option) {
  return new Promise((res, rej) => {
    const { method, data, timeout } = option || {};
    let xhr = new XMLHttpRequest();

    let str = objToStr(data);

    if (method.toLowerCase() === "get") {
      xhr.open(method, path + "?" + str, true);
      xhr.send();
    } else if (method.toLowerCase() === "post") {
      xhr.open(method, path, true);
      xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      xhr.send();
    }
    let timer = setTimeout(() => {
      xhr.abort();
      rej(new Error(xhr.responseText));
    }, timeout);

    xhr.onreadystatechange = function () {
      if (xhr.readyState !== 4) {
        return;
      }
      if (timer) {
        clearTimeout(timer);
      }
      if ((xhr.status >= 200 && xhr.status <= 300) || xhr.status === 304) {
        res(xhr.responseText);
      } else {
        rej(new Error(xhr.responseText));
      }
    };
  });
}
_fetch("http://www.baidu.com/", {
  method: "GET",
  data: { name: "12" },
  timeout: 2000,
})
  .then((response) => {
    console.log(response);
  })
  .catch(() => {});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值