封装一个简易的类ajax函数

function resolveData(data) {
  // ----------------- 实现方法1-------------
  // let arr = [];
  // for (const k in data) {
  //   const str = `${k}=${data[k]}`;
  //   arr.push(str);
  // }
  //   -------------实现方法-2------------
  let arr = Object.keys(data).map((k) => {
    // Object.keys(data) 为获取data对象的 属性名  返回一个包含所有属性名的数组
    // .map((k) ------------> 将包含属性名的数组 重新处理后  返回一个新数组   形参k为当前的循环项
    return `${k}=${data[k]}`; //将结果返回   不要忘记 return
  });
  return arr.join("&");   //将返回的数组利用join方法拼接为 字符串
}

function ajndh(options) {
  // -----------------------------------
  // 创建xhr对象
  const xhr = new XMLHttpRequest();
  // 把传过来的data 对象 数据  转换为  查询字符串
  const qs = resolveData(options.data);
  // -------------------------------------------
  // 判断请求的类型
  if (options.method.toUpperCase() == "GET") {
    // 发起get请求 参数在URL后面拼接
    xhr.open(options.method, options.url + "?" + qs);
    xhr.send();
  } else if (options.method.toUpperCase() == "POST") {
    // 发起post请求 设置请求的方式 和请求的地址
    xhr.open(options.method, options.url);
    // 发起post请求要设置 请求头文件
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    // 在send函数中  传送   对象转换后的 查询字符串
    xhr.send(qs);
  }
  // --------------------------------------------
  // 监听状态
  xhr.onload = function () {
    if (this.status == 200) {
      // 把服务器响应的JSON数据 转换为 对象类型
      const data = JSON.parse(xhr.responseText);
      // 手动调用下服务器的成功属性 把data 传过去 以便用户调用
      options.success(data);
    }
  };
}