首页 > Web开发 > 详细

封装原生ajax方法

时间:2020-12-26 00:14:54      阅读:35      评论:0      收藏:0      [点我收藏+]
function ajaxFun(type,data,url,success){//type 请求类型 data 携带参数 url 请求地址 success 回调方法
  var xhr = new XMLHttpRequest();
  if(type == "get"){
    if(data){
      url+=‘?‘;
      for (var key in data) {
        if (data.hasOwnProperty(key)) {
          url+=data[key]+"&";
        };
      };
      url = url.substring(0,url.length-1);
    };
    xhr.open(type,url);
    xhr.send();
  }else if(type == "post"){
    xhr.open(type,url);
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    if(data) {
      xhr.send(data);
    }else{
      xhr.send();
    };
  };
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
      success(xhr);
    };
  };
}

封装原生ajax方法

原文:https://www.cnblogs.com/x-h-l/p/14191165.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!