ajax封装-jq,js

2018-03-13  本文已影响0人  南浔_029f

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);

                        }

                    }                 

                }

            });

     }

上一篇下一篇

猜你喜欢

热点阅读