关于Ajax请求(jQuery)跨越问题java
前后端分离
前端
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<button >测试</button>
</body>
<script>
$('button').click(function(){
$.post({
//type :"get",
url:"http://127.0.0.1:9300/Text/ceshi",
async : true,
data :{
},
success:function(data){
alert(data);
},
error : function() {
alert("处理异常!");
}
})
})
</script>
</html>
后端
我用的框架是springboot
import com.sun.deploy.net.HttpResponse;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import springfox.documentation.spring.web.json.Json;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@Controller
@RequestMapping("/Text")
public class Text {
@RequestMapping("/ceshi")
@ResponseBody
public String ceshi(HttpServletResponse response)
{
//主要就是在这里加一句
response.setHeader("Access-Control-Allow-Origin","*");
//response.add
return "成功";
}
}