jsonp是处理跨域问题的,其原理是html的<script>能够跨域访问js脚本,即后台返回一个字符串比如callback(xxx),并且前台正好定义了callback函数,那么就能被执行,里面的字符串可以解析成对象用。我们利用这个性质让后台返回一个String类型的回调函数让前台接收。这就要求我们在使用@responseBody时返回String,为了防止乱码,我们还得自定义消息转换器。不仅如此,当我们使用restful风格时,返回类型会在ResponseEntity<XXX>和String切换,当然返回类型为ResponseEntity<?>时也没问题。但本质上他还是要经过StringHttpMessageConverter,因为泛型会是String。为了能够使代码重用,以及只返回ResponseEntity<XXX>,不返回String。我们可以统一jsonp返回格式。
做法:自定义一个类继承MappingJackson2HttpMessageConverter,重写writeInternal(Object object, Type type, HttpOutputMessage outputMessage)方法:
HttpServletRequest request = ((ServletRequestAttributes) RequestContextHolder.currentRequestAttributes()).getRequest();
String callbackParam = request.getParameter(callbackName);
if(StringUtils.isEmpty(callbackParam)){
super.writeInternal(object, outputMessage);
}else{
JsonEncoding encoding = getJsonEncoding(outputMessage.getHeaders().getContentType());
try {
String result =callbackParam+"("+super.getObjectMapper().writeValueAsString(object)+");";
IOUtils.write(result, outputMessage.getBody(),encoding.getJavaName());
}
catch (JsonProcessingException ex) {
throw new HttpMessageNotWritableException("Could not write JSON: " + ex.getMessage(), ex);
}
}
其中callbackName是成员变量,代表的是参数名。目的是可以通过配置文件来灵活定义。比如请求为http://a.com/rest/xxx?callback=abc时,后台callbackName的值就是callback,request.getParameter("callback")返回的值abc,它就是回调函数名(前台script中会定义一个名为abc的方法)。
配置文件中的配置是:
<mvc:annotation-driven>
<mvc:message-converters >
<bean class="xxx.MyMappingJackson2HttpMessageConverter" >
<property name="callbackName" value="callback"></property><!-- 这个就是定义参数名,非参数值 -->
</bean>
<bean class="org.springframework.http.converter.StringHttpMessageConverter">
<constructor-arg value="UTF-8" />
</bean>
</mvc:message-converters>
</mvc:annotation-driven>
StringHttpMessageConverter可以继续保留,有可能其它请求会返回String类型
另外如果配合jquery的jsonp:
jquery的jsonp是这样写的:
$.ajax({
type: "get",
async: false,
url: "xxx",
dataType: "jsonp",
jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
jsonpCallback: "receive",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
可以理解为 请求中是xxx?callback=receive
success: function (data) {
alert(data.name);
},
error: function () {
alert('fail');
}
});
data就是类似ResponseEntity<xxx>中的xxx,用ResponseEntity.ok(xxx对象);返回的
----------------------------------------------------------------
最近发现了另一种简单处理jsonp的方式,
@RequestMapping(value = "/{loginname}", method = RequestMethod.GET)
@ResponseBody
public Object xxx(String callback){
if(StringUtils.isEmpty(callback)){返回对象}
else{
MappingJacksonValue jacksonValue = new MappingJacksonValue(xxx);
jacksonValue.setJsonpFunction(callback);
return jacksonValue;
}
}
只要请求带callback,就会返回js方法,否则就会返回对象