本文最后更新于 2 年前，文中所描述的信息可能已发生改变。
HTML 代码
- 首先创建对应的 html，并在需要的显示数据的位置设置 id；
- 导入 JQuery 和 js 文件；
html
<!--test.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/test.js"></script>
</head>
<body>
<h1 id="test"></h1>
</body>
</html><!--test.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/test.js"></script>
</head>
<body>
<h1 id="test"></h1>
</body>
</html>javascript 代码
- 对 url 发起 ajax 请求，并将获取到的数据显示在 id 对应的位置；
javascript
// test.js
$(document).ready(()=>{
$.ajax({
url:"/test",
success:(result)=>{
$("#test").text(result);
}
})
});// test.js
$(document).ready(()=>{
$.ajax({
url:"/test",
success:(result)=>{
$("#test").text(result);
}
})
});Java 代码
- 使用 SpringBoot 响应请求，并返回数据；
java
// TestController.java
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
public class TestController {
@RequestMapping("/test")
public String test(){
String result = "Hello World";
return result;
}
}// TestController.java
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
public class TestController {
@RequestMapping("/test")
public String test(){
String result = "Hello World";
return result;
}
}