码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-08-18 21:41:52      阅读:265      评论:0      收藏:0      [点我收藏+]

标签:ajax请求封装 方便的工具

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

        //---------核心关键,大家爱护----------//
        /**
        * 公共:基础支撑
        **/
        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));

}

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

标签:ajax请求封装 方便的工具

原文地址:http://zl0828.blog.51cto.com/2242565/1839979

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!