ajax封装-jq,js

Js-ajax

  //请求的5个阶段,对应readyState的值
        //0: 未初始化,send方法未调用;
        //1: 正在发送请求,send方法已调用;
        //2: 请求发送完毕,send方法执行完毕;
        //3: 正在解析响应内容;
        //4: 响应内容解析完毕;

function ajax(url,succ,faild){
  if(window.XMLHttpRequest){
    var xhr = new XMLHttpRequest();
  }else {
    var xhr = new ActiveXObject("Microsoft.XMLHTTP");//兼容IE老版本
  }
  xhr.open("get",url,true);//true异步请求
  xhr.send();
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4){
      if(xhr.status==200){
        succ(xhr.responseText);
      }else {
        faild("请求失败");
      }
    }
  }
}

 

Jq-ajax

function $ajax(url, postData, succCallback, errorCallback, type, dataType){
            var type = type || "post";
            var dataType = dataType || "json";

            $.ajax({
                type: type,
                url: url,
                data: postData,
                dataType: dataType,
                beforeSend: function(){  //开始loading                    
                },
                success: function(res){
                    if(res.success){
                        if(succCallback){
                            succCallback(res);
                        }                       
                    }else{
                        if(errorCallback){
                            errorCallback(res);
                        }
                    }                   
                }
            });
        }

function$ajax(url, postData, succCallback, errorCallback, type, dataType){var type = type ||"post";var dataType = dataType ||"json";$.ajax({type: type,url: url,data: postData,dataType: dataType,beforeSend:function(){//开始loading$(".js_loading").show();},success:function(res){if(res.success){if(succCallback){succCallback(res);}}else{if(errorCallback){errorCallback(res);}}},complete:function(){//结束loading//$(".js_loading").remove();$(".js_loading").hide();}});}

posted on 2018-03-05 13:59  乌龟Tortoise  阅读(143)  评论(0)    收藏  举报