在Spring Boot项目中创建一个RESTful API来处理前端请求,并返回在前端页面中引入jQuery或其他ajax库,并编写ajax代码,以便将数据发送给Spring Boot后端在Spring Boot后端中接收和处理通过ajax传递的数据将处理后的数据返回给前端页面
下面是一个简单的示例:
@RestController @RequestMapping("/api")
public class MyController { @GetMapping("/greeting")
public String hello() { return "Hello, world!"; }
@PostMapping("/echo")
public String echo(
@RequestBody String message) {
return message; } }
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script> $(document).ready(function(){
// 发送 GET 请求到 Spring Boot 后端 $.get('/api/greeting', function(data){ console.log(data); alert(data); });
// 发送 POST 请求到 Spring Boot 后端
$.post('/api/echo',
'Hello from Ajax!', function(data){
console.log(data); alert(data); }); }); </script>
@PostMapping("/echo")
public String echo(
@RequestBody String message) {
System.out.println("Received message: " + message); return message; }
在上面的示例中,Spring Boot后端会将消息返回给前端页面,同时将其打印到控制台中。前端页面会弹出一个对话框显示接收到的消息.