jquery+jsonp跨域

1.使用jquery+jsonp跨域
第一种方法：

$.getJSON('http://www.a.com/user?id=123&callback=?', function(data){
//处理data数据
});

注意：参数callback只是参数名，服务器接口根据callback接收jquery随机生成的回调方法。

第二种方法


    $.ajax({ 
        type: 'GET', 
        url: 'http://127.0.0.1:8080/web/system/qrcode/getQrcodeId?dataType=jsonp&bizType=login', 
       dataType : "jsonp",//数据类型为jsonp  
jsonp: "callback",      
        error: function(XmlHttpRequest,textStatus,errorThrown){ 
             
            }, 
        success: function(msg){      
            
            }   
    });


注意：jsonp:指定服务器端接收的回调函数名，callback的值由jquery随机生成



第三种方法

$.ajax({ 
        type: 'GET', 
        url: 'http://127.0.0.1:8080/web/system/qrcode/getQrcodeId?dataType=jsonp&bizType=login&jsonpQrcode=?', 
dataType : "jsonp",//数据类型为jsonp 
         jsonpCallback: "handelCallbackLogin",    
        error: function(XmlHttpRequest,textStatus,errorThrown){ 
          
            }, 
        success: function(msg){      
            
            }  
    });


注意： jsonpQrcode是服务器端接收回调函数的参数名
       jsonpCallback:"handelCallbackLogin" 表示服务器接口接收到的jsonpQrcode="handelCallbackLogin"，这个时候不再是jquery随机生成的回调函数名




服务器端代码：最主要的地方是：
（1）返回给前台的数据需要response输出
        response.getWriter().out.println(jsonpCallback + "(" + JSON.toJSONString(jsonResponse) + ")");

jsonpCallback是服务器端接收回调函数的参数名

（2）回调函数名和  回调数据需要使用（）