温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

统一的Ajax提交封装,一劳永逸好工具(带跨域处理)

发布时间:2020-07-24 11:10:11 来源:网络 阅读:558 作者:沫沫金 栏目:开发技术

直接上代码,核心代码的使用文末提供

        //---------核心关键,大家爱护----------//
        /**
        * 公共:基础支撑
        **/
        var G = {
            /**
            * 统一的请求
            * @parm url请求服务器地址,格式:"${contextPath }/docmanage/list"
            * @parm fn回调函数,格式:function setTableTr(data){for(..){..}}
            * @parm parm提交的条件,格式:{"name":"zhangsan","age":"23"}
            **/
            request:function (url,fn,parm) {
                $.ajax({
                    type: "post", 
                    async: false,
                    url: url, //请求的URL
                    dataType: "json",
                    data: parm,
                    //动态执行这个callback函数
                    success: function (data) {
                        if(fn!=undefined)fn(data);
                    },
                    error:function(reslt){
                        alert("服务器,请求失败。");
                    }
             })
            }
        }

跨域请求,使用下面这段

//统一的请求
function request(url,params, fn) {
    $.ajax({
        type: "get", //jquey是不支持post方式跨域的
        async: false,
        url: url, //跨域请求的URL
        dataType: "jsonp",
        //传递给请求处理程序,用以获得jsonp回调函数名的参数名(默认为:callback)
        jsonp: "callback",
        data: params,
        //成功获取跨域服务器上的json数据后,会动态执行这个callback函数
        success: function (data) {
            var result = data.result;
            if (data.head != 'SUCCESS') {
                alert("服务器错误,请及时联系开发商!");
                return;
            }
            
            if(fn!=undefined) fn(result);
        }
    });
}


使用方法:

request("http://www.baidu.com",{"money":"100000"},moneyCall);

function moneyCall(data){

    alert(JSON.stringify(data));

}

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI