jsonp ajax jersey 跨域访问

前端之家收集整理的这篇文章主要介绍了jsonp ajax jersey 跨域访问前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Rest api 跨域访问 前后端实现

客户端:

<pre name="code" class="java"><script>
function getIP(){
$.ajax({
url:"http://localhost:8911/api/getinfo",type:"get",jsonp:'jsonpcallback',dataType:"jsonp",//跨域必须用jsonp   
cache:false,success: function(obj){	
	alert(obj.ip+obj.mac);
	}
});
} 
</script>


 
 

服务器端:jersey对jsonp的支持

  • 	@GET
    	@Path("getinfo")
    	@Produces("application/json")
    	public String getInfo(@QueryParam("jsonpcallback") String jsonpcallback){
    		String mac="",ip="";
    		try {
    			mac = Util.getMac();
    		} catch (IOException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}
    		ip = Util.getIp();
    	    return jsonpcallback+"({\"ip\":\""+ip+"\",\"mac\":\""+mac+"\"})";  
    	}
    1.jsonp只能使用get请求,解决同源问题,返回javascript代码,因为请求javascript文件是没有同源问题的。
    2.当请求数据类型为jsonp时,会将callback=jsonpCallback加在url上,http://localhost:8911/api/getinfo?callback=jsonpCallback
    3.前台javascript中定义jsonpCallback函数,此函数必须定义在window下,也就是全局的函数,否则找不到。
    4.后台获取请求的callback参数值jsonpCallback,返回字符串"jsonpCallback(result)",result为返回结果。
    5.请求返回的是script tag,首先会调用jsonpCallback函数,不管是否找到该函数,都会调用success函数
    6.如果没有定义jsonp和jsonpCallback,jsonp默认为"callback",jsonpCallback会是Jquery自动生成函数名。
    参考

猜你在找的Json相关文章