jsonp问题

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方法,否则就会返回对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值