美文网首页
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