origins : 代表白名单
maxAge:准备响应前的缓存持续的最大时间
@CrossOrigin(origins = "http://localhost:8888",maxAge = 3600)
允许所有访问 @CrossOrigin(origins = "*",maxAge = 3600)
注解设置在被访问接口的方法上
8888端口ajax访问地址
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@ include file="ref/include.inc.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>demo</title>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<input type="button" value="测试" onclick="ajaxTest()" />
<div id="message"></div>
<script>
var data=0;
function ajaxTest(){
$.ajax({
async:false,
type:"POST",
url:"http://localhost:8443/api/demo",
dataType: "json",
data: {
"userName":"admin"
},
success:function(result){
data=result
},
error: function (errorMsg) {
//请求失败时执行该函数
alert("请求数据失败!");
}
});
$("#message").text(data)
}
</script>
</body>
</html>
被访问端口 8443
@CrossOrigin(origins = "http://localhost:8888",maxAge = 3600)
@RequestMapping(value = "demo")
@ResponseBody
public String demo(User user){
try {
System.out.println(user);
return JSON.toJSONString(user.getUserName());
} catch (Exception e) {
e.printStackTrace();
}
return null;