美文网首页
ajax封装-jq,js

ajax封装-jq,js

作者: 南浔_029f | 来源:发表于2018-03-13 20:01 被阅读0次

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

                        }

                    }                 

                }

            });

     }

相关文章

网友评论

      本文标题:ajax封装-jq,js

      本文链接:https://www.haomeiwen.com/subject/hqdtqftx.html