jsonp实现浏览器跨域请求解决同源策略问题

最新推荐文章于 2023-08-29 21:50:07 发布

w20228396

最新推荐文章于 2023-08-29 21:50:07 发布

阅读量317

点赞数

CC 4.0 BY-SA版权

分类专栏：日常笔记文章标签： jsonp l浏览器跨域同源策略

本文链接：https://blog.youkuaiyun.com/w20228396/article/details/79420743

日常笔记专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种解决跨域问题的方法——JSONP，并通过一个具体的分布式商城项目的案例进行了详细说明。文中展示了如何修改前端代码以支持JSONP，以及后端如何响应这种请求并返回数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：分布式商城项目中，订单页面点击登录按钮，此时要验证是否已经登录，验证请求访问登录的服务器，以获取登录标志返回到订单页面。此时由于同源策略，订单页面无法与不是订单服务器的服务器进行沟通，即订单页面无法与登录服务器沟通。

解决办法是：HTML的<script>元素是个例外，具有开放策略，订单网页与登录服务器沟通后，服务器不再返回json,而是返回任意的javaScript,即jsonp格式，这样的格式能被订单网页接收。

问题代码：

jsp

$(function(){
	//去判断用户是否登陆  0  1
	$.ajax({
		url : "http://localhost:8082/new/isLogin.aspx",
		type : "post",
		dataType : "json",
		success : function(data){
			//判断   0  1 
			//alert(data);
			if(data){
				$("#login").hide();
				$("#regist").hide();
			}else{
				$("#logout").hide();
				$("#myOrder").hide();
			}
		}
	});
})

java

/**
	 * 判断是否登录，返回登录标志0，未登录；1，已登录
	 * @param request
	 * @param response
	 */
	@RequestMapping(value="/isLogin.aspx")
	public void isLogin(HttpServletRequest request , HttpServletResponse response) {
		Integer result = 0;  //默认0，未登录
		String username = sessionProvider.getAttribute(RequestUtils.getCSESSIONID(request, response));
		if (null !=username) {
			result = 1;
		}
		response.setContentType("application/json;charset=UTF-8");
		try {
			response.getWriter().write(result);
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}

通过使用jsonp解决跨域问题

jsp代码：dataType改为jsonp

$(function(){
	//去判断用户是否登陆  0  1
	$.ajax({
		url : "http://localhost:8082/new/isLogin.aspx",
		type : "post",
		dataType : "jsonp",
		success : function(data){
			//判断   0  1 
			//alert(data);
			if(data){
				$("#login").hide();
				$("#regist").hide();
			}else{
				$("#logout").hide();
				$("#myOrder").hide();
			}
		}
	});
})

java代码：

        @RequestMapping(value="/isLogin.aspx")
	@ResponseBody
	public MappingJacksonValue isLogin(String callback, HttpServletRequest request , HttpServletResponse response) {
		Integer result = 0;  //默认0，未登录
		String username = sessionProvider.getAttribute(RequestUtils.getCSESSIONID(request, response));
		if (null !=username) {
			result = 1;
		}
		//返回jsonp,callback里接收ajax传过来的MappingJacksonValue
		MappingJacksonValue mjv = new MappingJacksonValue(result);
		mjv.setJsonpFunction(callback);
		return mjv;
	}

callback,接收的是订单页面传递过来的jquery,