jsonp处理跨域问题
当使用ajax访问url获取数据时,可能会存在一些跨域的问题。 什么是跨域 1.域名不同,(ip地址不同) 2.域名相同,(ip地址相同),端口不同 跨域的问题: 浏览器存在限制,不让访问数据。而不是服务端的限制,服务端正常发送请求,也正常响应了,但是当数据到达浏览器,浏览器不让js去拿这些数据。此时以上ajax的方案就起不到作用。 处理跨域: 方案:JsonP 原理:利用 script标签,加载src路径,实现跨域加载js文件。该js文件中需要定义好一个方法,将该方法名传递给服务端,服务端根据该方法名,拼装一个方法调用语句,响应给浏览器。又浏览器来执行该语句调用方法。通过参数,将响应的数据取出即可。 实现: js: 1.定义一个方法,script加载 2.取方法中参数,进行业务处理。 jq:已经封装好了 只需要在jq的ajax中,指定dataType为"jsonp",jq在发送请求前会先定义好一个方法。 发送请求时会将该方法作为参数(callback)传递给服务端。 服务端响应,调用方法,把数据取出,传递给data,data中拿到的即为服务端数据。 服务端的配合: 改造方法: //响应类型contentType可以指定produces="application/json;charset=utf-8", //也可以使用常量值 APPLICATION_JSON_UTF8_VALUE @RequestMapping(value = "/user/token/{token}",produces=MediaType.APPLICATION_JSON_UTF8_VALUE) @ResponseBody public String getUserByToken(@PathVariable String token,String callback){ E3Result result = tokenService.getUserByToken(token); //响应结果之前,要先判断是否为jsonp形式,即判断callback是否有数据 if (StringUtils.isNoneBlank(callback)) { //callback不为空,则是jsonp请求 //把结果封装成一个js语句响应 return callback + "(" + JsonUtils.objectToJson(result) + ");"; } return JsonUtils.objectToJson(result); } //spring4.1之后可使用以下方法,不用手动拼串 @RequestMapping(value="/user/token/{token}") @ResponseBody public Object getuserByToken(@PathVariable String token,String callbacak){ E3Result result = tokenService.getUserByToken(token); if (StringUtils.isNoneBlank(callbacak)) { //把结果封装成一个jsonp请求 MappingJacksonValue mappingJacksonValue = new MappingJacksonValue(result); //设置jsonp方法为callback mappingJacksonValue.setJsonpFunction(callbacak); return mappingJacksonValue; } return result; }以上两种方式自选。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |