封装一个通用的ajax请求

47 篇文章 1 订阅
2 篇文章 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)
    }
}

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值