GET请求jsonp示例

众所周知GET请求可以用jsonp的方式解决跨域问题,下面会给出一个jsonp请求的示例。

1.后台接口

	@Path("getscene")
	@MClientHandler
	public ContentResult getSceneTable() {
		HttpServletRequest request = beat.getRequest();
		HttpServletResponse response = beat.getResponse();
		response.addheader("Access-Control-Allow-Origin","*"); 
		response.addheader("Access-Control-Allow-Credentials","true");
		response.addheader("Access-Control-Allow-Methods","Get,Post,OPTIONS");
		response.addheader("Access-Control-Request-Headers","X-Custom-Header");
				
		List <GulRecallSceneEntity> sceneList = GulRecallService.getSceneEntity();
		String sceneData = CommonService.tranObjectToString(sceneList);
		logger.info("sceneData=" + sceneData);
		
		String jsonp = request.getParameter("callback");  //后端接口支持jsonp
		return new ContentResult(jsonp + "(" + sceneData + ")" );  //后端接口支持jsonp
		//return new ContentResult(sceneData);
	}

2. 前端axaj请求

$.ajax({
	type : "GET",url : "http://xxx/getscene",contentType: "application/json;charset=utf-8",dataType:"jsonp",//请求支持jsonp
	data:'',jsonp:'callback',//请求支持jsonp
	success : function (msg) {			
		//Todo
	},error:function(){
		alert("错误");
	}
});

相关文章

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