java跨域问题

最新推荐文章于 2025-07-09 15:51:50 发布

六一首席

最新推荐文章于 2025-07-09 15:51:50 发布

阅读量632

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 Java-后端

本文链接：https://blog.youkuaiyun.com/qq_20594019/article/details/86520939

前端同时被 2 个专栏收录

39 篇文章

订阅专栏

Java-后端

22 篇文章

订阅专栏

本文介绍了一种解决前端跨域问题的方法，通过使用JSONP实现前后端分离项目的跨域数据请求。前端使用jQuery的ajax方法设置dataType为jsonp，并指定callback参数；后端则根据请求中的callback参数返回jsonp格式的数据。

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

现在有需求是这样的：

项目前后端分离，分别使用不同的服务器，前端使用ajax访问后端的方法时出现了跨域问题，以下是解决方法

前端：

 $.ajax({  
        type : "get",  
        async:false,  
        url : "",  
        dataType : "jsonp",//数据类型为jsonp  
        jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数  
        success : function(data){  
            $("#showcontent").text("Result:"+data.result)  
        },  
        error:function(){  
            alert('fail');  
        }  
    });

后端---原来的方式（json）

	net.sf.json.JSONArray jsonArray = null;
		try {
			jsonArray = net.sf.json.JSONArray.fromObject(treeList);
		} catch (Exception e) {
			e.printStackTrace();
		}
		if (jsonArray != null) {
			PrintWriter writer = response.getWriter();
			writer.print(jsonArray);
		}

现在的后端（jsonP）

	if (jsonArray != null) {
				json2jsonP(response, request, jsonArray);
				PrintWriter out = response.getWriter();    
				String jsonpCallback = request.getParameter("callback");//客户端请求参数  
		        out.println(jsonpCallback+"("+jsonArray.toString()+")");//返回jsonp格式数据  
		        out.flush();  
		        out.close();
			}