初学SpringMVC之 Ajax 篇

在SpringMVC中，我们可以使用Ajax来实现前后端的异步交互。以下是一个简单的例子，展示了如何使用Ajax发送GET和POST请求到SpringMVC控制器。

首先，这是SpringMVC控制器的代码：

@Controller
public class AjaxController {
 
    @GetMapping("/getData")
    @ResponseBody
    public String getData(@RequestParam("param") String param) {
        // 处理请求并返回数据
        return "返回的数据（GET请求）";
    }
 
    @PostMapping("/postData")
    @ResponseBody
    public String postData(@RequestParam("param") String param) {
        // 处理请求并返回数据
        return "返回的数据（POST请求）";
    }
}

以下是使用Ajax发送GET和POST请求的JavaScript代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    // GET请求示例
    $("#getButton").click(function() {
        $.get("/getData", { param: "value" }, function(data) {
            alert(data);
        });
    });
 
    // POST请求示例
    $("#postButton").click(function() {
        $.post("/postData", { param: "value" }, function(data) {
            alert(data);
        });
    });
});
</script>

在HTML中，我们使用两个按钮来触发GET和POST请求：

<button id="getButton">发送GET请求</button>
<button id="postButton">发送POST请求</button>

这个例子中，我们使用了jQuery库来简化Ajax的使用。当用户点击按钮时，JavaScript代码会发送对应的GET或POST请求到SpringMVC控制器，并在收到响应后弹出一个包含返回数据的警告框。