封装ajax函数

/* 
*封装ajax函数
* @param options 
*	options = {
*		type : "get|post", // 请求方式,默认为 get
*		url : "", // 请求服务器资源url
*		data : {username:"xxx", password:""}, // 向服务器传递的数据
*		dataType : "text|json", // 预期从服务器返回数据的格式
*		success : function(responseData){}, // 请求成功时执行的函数
*		error : function(err){} // 请求失败时执行的函数
*	}
*/
function ajax(options){
  options = options || {};
  var method = (options.type || GET).toUpperCase(),
      url = options.url,
      queryString = null;
  if(!url)
    return;
  if(options.data){
    queryString = [];
    for(var attr in options.data){
      queryString.push(attr + "=" +options.data[attr]);
    }
    queryString = queryString.join("&");
  }
  if(method === "GET"){
    url += "?"+queryString;
    queryString = "";
  }
  var xhr = new XMLHttpRequest();
  xhr.open(method,url,true);
  if(method === "POST")
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.send(queryString);
  xhr.onreadystatechange = function(){
    if(xhr.readyState === 4){
      if(xhr.status === 200){
        var data = xhr.responseText;
        if(options.dataType === "json")
          data = JSON.parse(data);
        options.success && options.success(data);
      }else{
        options.error && options.error(xhr.status);
      }
    }
  }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值