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自动生成函数名。
    参考

相关文章

AJAX是一种基于JavaScript和XML的技术,能够使网页实现异步交...
在网页开发中,我们常常需要通过Ajax从后端获取数据并在页面...
在前端开发中,经常需要循环JSON对象数组进行数据操作。使用...
AJAX(Asynchronous JavaScript and XML)是一种用于创建 We...
AJAX技术被广泛应用于现代Web开发,它可以在无需重新加载页面...
Ajax是一种通过JavaScript和HTTP请求交互的技术,可以实现无...