jquery 同源跨域请求整理

  //同源ajax请求数据
    function getData(url,paramjson,fn) {
        $.ajax({
            type : "POST",                                                 //提交方式
            url : url,                                                     //路径
            async:true,                                                    //
            cache:true,
            data : paramjson,                                              //数据,这里使用的是Json格式进行传输
            success : function(data, textStatus) {                        //返回数据根据结果进行相应的处理
                console.log("success--data:"+data);                     //返回的数据
                console.log("success--textStatus:"+textStatus);         //返回的状态码
                fn(data);
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){
                console.log("error--XMLHttpRequest:"+XMLHttpRequest);   //请求对象
                console.log("error--textStatus:"+textStatus);           //状态码
                console.log("error--errorThrown:"+errorThrown);         //错误对象
                return errorThrown;
            }
        });
    }
//跨域ajax请求
function back(a){return a}
function jsonp(url){
    $.ajax({
        url:url,                              //跨域到http://www.wp.com,另,http://test.com也算跨域
        type:'GET',                             //jsonp 类型下只能使用GET,不能用POST,这里不写默认为GET
        dataType:'jsonp',                      //指定为jsonp类型
        data:{"name":"nnn"},           //数据参数
        jsonp:'callback',                      //服务器端获取回调函数名的key,对应后台有$_GET['callback']='back';callback是默认值
        jsonpCallback:'back',                  //回调函数名
        success:function(result){               //成功执行处理,对应后台返回的back(data)方法。
            console.log(result)
        },
        error:function(msg){
                                                //执行错误
        }
    });
}

 

posted @ 2017-03-21 12:33  刘浩2561179983  阅读(393)  评论(0编辑  收藏  举报