封装一个通用的ajax请求

我会带着你远行 2023-06-08 04:43 10阅读 0赞

//封装ajax
    function useajax(method, url, data, callback, type) {
      //创建兼容对象
      var xhr;
      if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
      } else {
        xhr = new ActiveXObject("Microsoft.XMLHttp");
      }
      xhr.onreadystateChange = function() {
        if (xhr.status == 200 && xhr.readyState == 4) {
          if (type == "json") {
            var res = JSON.parse(xhr.responseText);
          } else if (type == "xml") {
            var res = responseXML;
          } else {
            var res = xhr.responseText;
          }
          callback(res);
        }
      };
        //判断data是否有数据
        var param = '';
        //这里使用stringify方法将js对象格式化为json字符串
        if (JSON.stringify(data) != '{}') {
            url += '?';
            for (var i in data) {
                param += i + '=' + data[i] + '&';   //将js对象重组，拼接成url参数存入param变量中
            }
            //使用slice函数提取一部分字符串，这里主要是为了去除拼接的最后一个&字符
            //slice函数：返回一个新的字符串。包括字符串从 start 开始（包括 start）到 end 结束（不包括 end）为止的所有字符。
            param = param.slice(0, param.length - 1);
        }
    
        //判断method是否为get
        if (method == "get") {
            //是则将数据拼接在url后面
            url = url + param;
        }
        //初始化请求
        xhr.open(method,url,true);
    
        if(method == 'post'){
            xhr.setRequestHeader("content-Type","application/x-www-fprm-urlencoded");
            //发送请求
            xhr.send(param)
        }
        else{
            xhr.send(null)
        }
    }