封装函数ajax添加beforeSend和complete

function ajax(option) {
    请求触发前操作
    option.beforeSend();
    请求发送功能
    var xhr = new XMLHttpRequest();
    var type = option.type.toLowerCase();
    var data = urlencoded(option.data);
     if (type === 'grt'){
         
     xhr.open('get', option.url + '?' + data);
        xhr.send();
      } else if (type === 'post') {
        xhr.open('post', option.url);
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xhr.send(data);
      }

      // --- 响应处理功能
      // 1 设置事件
      xhr.onreadystatechange = function () {
        // 2 检测响应下载完毕
        if (xhr.readyState === 4) {
          // 3 进行成功检测
          if (xhr.status === 200) {
            // 将JSON格式的数据转换为对象
            var res = JSON.parse(xhr.responseText);
            // 4 操作响应的数据，进行成功时的处理
            option.success(res);
          }
          // --- 此位置确定响应下载完毕，而且不区分成功或失败，执行complete即可
          option.complete();

        }
      };
    }


    // 功能测试：
    /* ajax({
      type: 'get',
      url: 'http://www.liulongbin.top:3006/api/getbooks',
      data: {
        id: 1,
        bookname: '西游记'
      },
      success: function (res) {
        console.log('成功时接收的响应信息', res);
      },
      beforeSend: function () {
        console.log('请求开始发送啦');
      },

      complete: function () {
        console.log('请求处理完毕啦');
      }
    });
 */
    ajax({
      type: 'post',
      url: 'http://www.liulongbin.top:3006/api/addbook',
      data: {
        bookname: '张三自传',
        author: '张三',
        publisher: '张三出版社'
      },
      success: function (res) {
        console.log(res);
      },
      beforeSend: function () {
        console.log('请求开始发送啦');
      },

      complete: function () {
        console.log('请求处理完毕啦');
      }
    });


    // 之前准备的用于将对象转换为urlencoded的函数
    function urlencoded(obj) {
      // 1 遍历对象
      var arr = [];
      for (var key in obj) {
        // 2 将当前属性拼接为 '名=值' 的格式
        arr.push(key + '=' + obj[key]);
      }

      // 3 使用数组方法join()用&连接每个元素即可
      return arr.join('&');
    }


}