Springboot解决Ajax跨域问题-3种方法

方法一:服务端CROS

/**
 * 
 */
package com.bqbot.config.filter;

import java.io.IOException;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletResponse;

/**
 * @author liurui
 * @date 2019年9月12日
 */
@WebFilter
public class CorlFilter implements Filter {

	@Override
	public void init(FilterConfig filterConfig) throws ServletException {
		
	}

	@Override
	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
			throws IOException, ServletException {
		HttpServletResponse httpResponse = (HttpServletResponse)response;
		// 设置请求头,允许ajax跨域请求
		httpResponse.setHeader("Access-Control-Allow-Headers", "*");
		httpResponse.setHeader("Access-Control-Allow-Origin", "*");
		httpResponse.setHeader("Access-Control-Allow-Methods", "GET,POST,DELETE,PUT");		
		chain.doFilter(request, response);
	}

	@Override
	public void destroy() {
		
	}

}

方法二:服务器代理

当请求第三方请求的时候,没有办法修改对方服务器,又是post请求,没有办法使用jsonp的方式,所以只有自己创建一个服务器,然后发出请求,自己在请求自己创建的服务器。

方法三:jsonp方式

该方式只需要在客户端做修改,但是只能够在get方式下使用。
3.1 jsp中的ajax

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	function showTime(){
		$.ajax({
			type:"get",
			url:"http://localhost:8081/getTime",
			dataType:"jsonp",
			success:function(json){
				console.info("test...................."+json);
				$("#time").html(json.date);
			}
		});
	}
</script>

3.2 迎合jsonp 的controller

@RequestMapping(value="/getTime",method=RequestMethod.GET,produces=
		MediaType.APPLICATION_JSON_VALUE+";charset=utf-8")
@ResponseBody
public String getTime(String callback) {
	String date = new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(new Date());
	if(!StringUtils.isEmpty(callback)) {
		return callback+"({'date':'"+date+"'})";
	}
	return date;
}

3.3 在Spring4.1以后提供不用手动拼串的方法

if(!StringUtils.isEmpty(callback)) {
	//把结果封装成一个js语句响应
	MappingJacksonValue mappingJacksonValue = new MappingJacksonValue(al);
	mappingJacksonValue.setJsonpFunction(callback);
	System.out.println("test..............."+mappingJacksonValue);
	return mappingJacksonValue;
}

不过目前需要测试,我没有成功,这里只是提供一下思路,建议使用原始的。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

东芃9394

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值