星空网 > 软件开发 > Java

关于ajax网络请求的封装

// 封装的ajax网络请求函数
// obj 是一个对象
function AJAX(obj){


        //跨域请求
        if (obj.dataType == "jsonp") {
            //在这里 callback 必须是全局变量 保证函数消失的时候 这个变量不可以被销毁

            //处理一下函数名(防止多个网络请求 函数名字相同 出现紊乱的情况)
            var hehe = "callBack" + "_" + new Date().getTime() + "_" + String(Math.random()).replace(".","");
            window[hehe] = obj.success;
            //创建 script标签
            var sc = document.createElement("script");
            sc.src = obj.url + "?" + "cb=" + hehe;
            console.log(sc.src);
            document.body.appendChild(sc);
            document.body.removeChild(sc);
            return;
        }

 

 

//1、创建 ajax 对象
    var ajaxObj = null;
    if (window.        ajaxObj = new     }else{
        ajaxObj = new ActiveXObject("Microsoft.    }


    //设置请求的类型
    obj.type = obj.type.toUpperCase() || "GET";

    //如果是get请求 并且需要传递参数 则需要给 url 后面拼接参数
    if (obj.type == "GET") {
        var arr = [];//定义数组 用于把对象存储到数据里面
        for (var key in obj.data) {
            arr.push(key +"="+ obj.data[key]);
        }
        //用&分隔数组 让其转化为类似:name=lxl&age=18 的形式
        var str = arr.join("&");
        obj.url = obj.url +"?"+ str;
        //拨号
        ajaxObj.open(obj.type,obj.url,true);


        //发送"name=123&age=18"
        ajaxObj.send();
    }else{
        var arr = [];//定义数组 用于把对象存储到数据里面
        for (var key in obj.data) {
            arr.push(key +"="+ obj.data[key]);
            //console.log(arr);
        }
        //用&分隔数组 让其转化为类似:name=lxl&age=18 的形式
        var str = arr.join("&");
        //console.log(str);
        ajaxObj.open(obj.type,obj.url,true);
        ajaxObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        ajaxObj.send(str);
    }



    //监听
    ajaxObj.onreadystatechange = function(){

        if (ajaxObj.readyState == 4) {
            if (ajaxObj.status >= 200 && ajaxObj.status < 300 || ajaxObj.status == 304) {
                //请求成功
                obj.success(ajaxObj.responseText);
            }else{
                //请求失败
                obj.error(ajaxObj.status);
            }
        }

    }

}




原标题:关于ajax网络请求的封装

关键词:ajax

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

揭秘真实生存情况,亚马逊卖家现状调查报告!:https://www.ikjzd.com/articles/116868
搜索量暴增,订单量超1亿!这个产品疯狂的背后......:https://www.ikjzd.com/articles/116869
爆款资讯:爆款玩具搜索热度飙升:https://www.ikjzd.com/articles/11687
多国新冠肺炎患者数量持续攀升!世卫组织:应迅速采取行动:https://www.ikjzd.com/articles/116870
亚马逊选品的数据分析和成本核算:https://www.ikjzd.com/articles/116871
价值100亿美元的eBay确认正在出售其分类广告业务!:https://www.ikjzd.com/articles/116872
安能物流的2024:变革不能停:https://www.kjdsnews.com/a/1836480.html
深圳中心公园朱顶红花海位置(在哪里+怎么去):https://www.vstour.cn/a/364175.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流