【SpringMVC笔记】Ajax 入门（jQuery

在SpringMVC框架中，我们可以使用jQuery库来简化Ajax的使用。以下是一个简单的例子，展示了如何使用jQuery发送Ajax请求到SpringMVC控制器，并处理响应。

1. 引入jQuery库（可以通过CDN或者本地引入）：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

2. 编写SpringMVC控制器：

@Controller
public class AjaxController {
 
    @RequestMapping(value = "/greeting", method = RequestMethod.GET)
    @ResponseBody
    public Map<String, Object> greeting() {
        Map<String, Object> model = new HashMap<>();
        model.put("message", "Hello, SpringMVC!");
        return model;
    }
}

3. 编写JavaScript代码使用Ajax调用：

<script>
$(document).ready(function() {
    $("#load").click(function(event) {
        event.preventDefault();
        $.ajax({
            url: "/greeting",
            type: "GET",
            dataType: "json",
            success: function(data) {
                $("#message").text(data.message);
            },
            error: function() {
                alert("Error loading the data!");
            }
        });
    });
});
</script>

4. 编写HTML页面：

<button id="load">Load Greeting</button>
<div id="message"></div>

在这个例子中，当用户点击按钮时，会发送一个Ajax GET请求到"/greeting"路径，控制器处理请求并返回JSON数据。然后，Ajax成功回调函数会将返回的消息设置到#message元素的文本中。如果有错误，会弹出错误提示。