前后端联调 (springmvc 和 Jquery)
前后端联调通常涉及到前端（如使用JQuery）发送请求到后端（如使用Spring MVC），并接收后端返回的数据或响应。以下是一个简单的例子：
后端代码（Spring MVC）:
@Controller
@RequestMapping("/api")
public class MyController {
@ResponseBody
@RequestMapping(value = "/data", method = RequestMethod.GET)
public Map<String, Object> getData() {
Map<String, Object> data = new HashMap<>();
data.put("key", "value");
return data;
}
}前端代码（JQuery）:
<!DOCTYPE html>
<html>
<head>
<title>前后端联调示例</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div id="result"></div>
<script>
$(document).ready(function(){
$.ajax({
url: "/api/data",
type: "GET",
dataType: "json",
success: function(data) {
var result = "键: " + data.key;
$('#result').html(result);
},
error: function(jqXHR, textStatus, errorThrown) {
$('#result').html('联调失败: ' + textStatus);
}
});
});
</script>
</body>
</html>在这个例子中，前端页面加载完成后，使用JQuery发送一个GET请求到后端的/api/data接口，后端接口返回一个JSON对象。前端成功接收到数据后，在页面上显示出接收到的数据。
确保你的Spring MVC项目已经配置了MVC支持，并且已经启动服务器监听相应的端口。同时，确保JQuery的脚本链接是有效的，并且浏览器允许进行跨域请求（如果前后端分离部署的话）。
评论已关闭