javascript跨域的几种类型及解决方案

一、跨域产生的背景:浏览器对于javascript同源策略的保护

1.跨域的几种类型:

 

 

2.解决方案:

1>后端直接设置解决资源跨域策略:

response.setHeader("Access-Control-Allow-Origin", "*");

response.setHeader("Access-Control-Allow-Methods","POST, GET, OPTIONS, PUT, DELETE");

位置:

 

2>jsonp+callback

前端：

 

后端：

public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

response.setCharacterEncoding("UTF-8");

response.setContentType("text/html;charset=UTF-8");

 

//数据

List starList = getStarList();

JSONArray jsonArray = JSONArray.fromObject(studentList);

String result = jsonArray.toString();

 

//前端传过来的回调函数名称

String callback = request.getParameter("callback");

//用回调函数名称包裹返回数据，这样，返回数据就作为回调函数的参数传回去了

result = callback + "(" + result + ")";

response.getWriter().write(result);

}

 

本文章由个人查询资料整理，如有侵权请联系本人。