前端时间因为太忙,一直没有处理跨域这个事情,今天抽了一个小时轻松解决,突然发现上个月又写了很多重复代码。因为现在公司项目分为多个工程,前后端完全分离,manage工程做所有业务逻辑处理,app、微信两个前置工程通过httpClient去调用manage工程的restful接口,而我就是负责微信这个工程,久而久之发现真的重复了很多controller层的代码,愈发激活了这个所有接口支持浏览器跨域请求的封装。话不多讲,见核心代码

1.定义一个类,继承MappingJackson2HttpMessageConverter,重写writeInternal方法,方法里简单判断一下是否带有callback参数,没有直接返回数据,有的话将数据用callback参数的值括号包裹起来返回。
import java.io.IOException;
import javax.servlet.http.HttpServletRequest;
import org.apache.commons.io.IOUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.http.HttpOutputMessage;
import org.springframework.http.converter.HttpMessageNotWritableException;
import org.springframework.http.converter.json.MappingJackson2HttpMessageConverter;
import org.springframework.web.context.request.RequestContextHolder;
import org.springframework.web.context.request.ServletRequestAttributes;
import com.fasterxml.jackson.core.JsonEncoding;
import com.fasterxml.jackson.core.JsonProcessingException;
public class CallbackMappingJackson2HttpMessageConverter extends MappingJackson2HttpMessageConverter {
// 做jsonp的支持的标识,在请求参数中加该参数
private String callbackName;
@Override
protected void writeInternal(Object object, HttpOutputMessage outputMessage) throws IOException,
HttpMessageNotWritableException {
// 从threadLocal中获取当前的Request对象
HttpServletRequest request = ((ServletRequestAttributes) RequestContextHolder
.currentRequestAttributes()).getRequest();
String callbackParam = request.getParameter(callbackName);
if (StringUtils.isEmpty(callbackParam)) {
// 没有找到callback参数,直接返回json数据
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);
}
}
}
public String getCallbackName() {
return callbackName;
}
public void setCallbackName(String callbackName) {
this.callbackName = callbackName;
}
}
2.定义Java bean,注意修改class扫描路径,这样每次请求过来都会调起MappingJackson2HttpMessageConverter类里的riteInternal这个方法,如果请求带上了callback参数,则将以callbackValue('data')格式的数据返回给前端。
<!-- 定义注解驱动 -->
<mvc:annotation-driven>
<mvc:message-converters register-defaults="true">
<bean
class="xxx.xxx.xxx.CallbackMappingJackson2HttpMessageConverter">
<property name="callbackName" value="callback" />
</bean>
</mvc:message-converters>
</mvc:annotation-driven>
3.前端通过jquery封装的ajax方式调用,这里做了一些代码节省,关键代码已红色标出
<script type="text/javascript">
var feedback = {
init: function(){
var self = feedback;
self.bind();
},
test: function(data){
console.log("测试jsonp",data)
},
bind: function(){
var self = feedback;
var par = {};
par.callback = 'feedback.test';
$.ajax({
url:"http://manage.danong.com/rest/open/queryInviteList",
data: par,
dataType:'jsonp',
jsonp:'callback',
timeout:3000
});
}
}
feedback.init();
</script>
4.浏览器打印log
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# jsonp
# 跨域请求
# 基于ajax和jsonp的原生封装(实例)
# 原生js的ajax和解决跨域的jsonp(实例讲解)
# 基于js原生和ajax的get和post方法以及jsonp的原生写法实例
# 全面解析Ajax和jsonp使用总结
# 使用原生js封装的ajax实例(兼容jsonp)
# 利用jsonp与代理服务器方案解决跨域问题
# Angular2 http jsonp的实例详解
# get post jsonp三种数据交互形式实例详解
# 用nodejs实现json和jsonp服务的方法
# 使用jquery的jsonp如何发起跨域请求及其原理详解
# 详解java 中Spring jsonp 跨域请求的实例
# Vue2.0 vue-source jsonp 跨域请求
# 原生js jquery ajax请求以及jsonp的调用方法
# 深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
# AngularJS实现的JSONP跨域访问数据传输功能详解
# 关于jQuery.ajax()的jsonp碰上post详解
# jQuery Jsonp跨域模拟搜索引擎
# 详细分析jsonp的原理和实现方式
# 多个
# 上了
# 不多
# 而我
# 写了
# 重写
# 一直没有
# 没有找到
# 久而久之
# 上个月
# 抽了
# 大家多多
# 则将
# 太忙
# 中加
# 后端
# web
# context
# json
# RequestContextHolder
相关文章:
网站网页制作专业公司,怎样制作自己的网页?
网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?
如何在万网自助建站平台快速创建网站?
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
黑客如何通过漏洞一步步攻陷网站服务器?
宝塔建站教程:一键部署配置流程与SEO优化实战指南
交易网站制作流程,我想开通一个网站,注册一个交易网址,需要那些手续?
网站制作服务平台,有什么网站可以发布本地服务信息?
内部网站制作流程,如何建立公司内部网站?
高性能网站服务器部署指南:稳定运行与安全配置优化方案
Python多线程使用规范_线程安全解析【教程】
建站之星代理平台如何选择最佳方案?
建站之星CMS五站合一模板配置与SEO优化指南
如何规划企业建站流程的关键步骤?
如何通过商城自助建站源码实现零基础高效建站?
音响网站制作视频教程,隆霸音响官方网站?
佛山网站制作系统,佛山企业变更地址网上办理步骤?
为什么Go需要go mod文件_Go go mod文件作用说明
建站之星导航如何优化提升用户体验?
如何在阿里云ECS服务器部署织梦CMS网站?
哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做?
如何通过主机屋免费建站教程十分钟搭建网站?
建站之星如何取消后台验证码生成?
建站主机选哪家性价比最高?
杭州银行网站设计制作流程,杭州银行怎么开通认证方式?
香港服务器网站生成指南:免费资源整合与高速稳定配置方案
深圳防火门网站制作公司,深圳中天明防火门怎么编码?
建站之星展会模版如何一键下载生成?
建站之星好吗?新手能否轻松上手建站?
制作网站的基本流程,设计网站的软件是什么?
如何用免费手机建站系统零基础打造专业网站?
可靠的网站设计制作软件,做网站设计需要什么样的电脑配置?
已有域名能否直接搭建网站?
建站主机与虚拟主机有何区别?如何选择最优方案?
电视网站制作tvbox接口,云海电视怎样自定义添加电视源?
如何通过服务器快速搭建网站?完整步骤解析
宝塔建站后网页无法访问如何解决?
购物网站制作公司有哪些,哪个购物网站比较好?
微课制作网站有哪些,微课网怎么进?
建站一年半SEO优化实战指南:核心词挖掘与长尾流量提升策略
如何通过多用户协作模板快速搭建高效企业网站?
建站之星如何配置系统实现高效建站?
济南网站制作的价格,历城一职专官方网站?
建站VPS推荐:2025年高性能服务器配置指南
如何在IIS中新建站点并配置端口与IP地址?
购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?
香港服务器选型指南:免备案配置与高效建站方案解析
广德云建站网站建设方案与建站流程优化指南
如何在万网开始建站?分步指南解析
Python路径拼接规范_跨平台处理说明【指导】
*请认真填写需求信息,我们会在24小时内与您取得联系。