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

简介: 直接上代码,核心代码的使用文末提供        //---------核心关键,大家爱护----------//        /**        * 公共:基础支撑        **/        var G = {            /**       ...

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

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

}

目录
相关文章
|
JSON 前端开发 JavaScript
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(三)
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)(三)
|
5月前
|
前端开发 JavaScript API
js【详解】ajax (含XMLHttpRequest、 同源策略、跨域、JSONP)
js【详解】ajax (含XMLHttpRequest、 同源策略、跨域、JSONP)
54 0
|
6月前
|
前端开发 JavaScript 安全
详尽分享突破ajax不能跨域的限制
详尽分享突破ajax不能跨域的限制
37 0
|
7月前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
7月前
|
移动开发 前端开发 安全
Ajax跨域的所有方法(最详细带使用教程!!!)
Ajax跨域的所有方法(最详细带使用教程!!!)
|
7月前
|
JSON 前端开发 安全
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
105 0
|
7月前
|
前端开发 API
用promise封装ajax
用promise封装ajax
49 0
|
前端开发 JavaScript API
Promise封装Ajax请求
Promise封装Ajax请求
57 0
|
缓存 JSON 前端开发
Ajax:跨域与JSONP
Ajax:跨域与JSONP
81 1