Js是不能跨域请求。出于安全考虑，js设计时不可以跨域。
什么是跨域
跨域 指的时浏览器前端js请求服务端时，如果前端的发布地址和端口与请求的服务端地址和端口不一样。
以下情况属于跨域：
- 1、域名不同时。
- 2、域名相同，端口不同。
只有域名相同、端口相同时，才可以访问。
可以使用 jsonp 解决跨域问题。
什么是jsonp
Jsonp 是一个跨域解决方案。方案如下：
1. Js跨域请求数据是不可以的，但是js跨域请求js脚本是可以的。
2. 可以把数据封装成一个js语句，做一个方法的调用。跨域请求js脚本可以得到此脚本。
3. 得到js脚本之后会立即执行。可以把数据做为参数传递到方法中。就可以获得数据。从而解决跨域问题。
图解跨域请求
跨域解决方案
- 浏览器前端做JSONP请求：
// 假设这是一个跨域地址,getDataService实际上已经定义好，将此函数名传入服务端
this.URL_Serv = "http://otherServer:port/getData?callback=getDataService"
//JSONP请求，会得到一个脚本，请求返回一段js脚本，getDataService是返回脚本的内容，此时将会被调用
$.getJSONP(this.URL_Serv, getDataService);
//已经定义好的，用来处理服务端返回数据的函数 a就是服务端脚本中的数据部分
getDataService: function(a) {
//do something to deal with data a
}; - 服务端返回 一段js脚本。
@Controller
public class ItemCatController {
@Autowired
private ItemCatService itemCatService;
@RequestMapping(value="/getData",
produces= MediaType.APPLICATION_JSON_VALUE + ";charset=utf-8")
@ResponseBody
public String getItemCatList(@RequestParam("callback") String callback) {
//调用Service获取到后台数据
CatResult catResult = itemCatService.getItemCatList();
//把pojo转换成字符串
String json = JsonUtils.objectToJson(catResult);
//拼装返回值
String result = callback + "(" + json + ");";
return result;
}
/**这种方法可以代替上面的方法*/
/* @RequestMapping("/getData")
@ResponseBody
public Object getItemCatList(String callback) {
CatResult catResult = itemCatService.getItemCatList();
MappingJacksonValue mappingJacksonValue = new MappingJacksonValue(catResult);
mappingJacksonValue.setJsonpFunction(callback);
return mappingJacksonValue;
}*/
}版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/16100.html
