SSM结合AJAX实现无刷新数据交互

在SpringMVC和Spring结合的项目中，我们可以使用AJAX来实现前后端的无刷新数据交互。以下是一个简单的例子，展示了如何使用AJAX调用SpringMVC控制器，并返回JSON数据。

首先，这是SpringMVC控制器的一个简单方法，它处理AJAX请求并返回JSON数据：

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

然后，这是AJAX调用的JavaScript代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $("#fetchData").click(function() {
        $.ajax({
            url: "/getData",
            type: "GET",
            dataType: "json",
            success: function(data) {
                console.log(data);
                // 这里可以处理返回的数据，比如更新DOM
            },
            error: function(error) {
                console.log("Error: " + error);
            }
        });
    });
});
</script>

在HTML中，我们可以有一个按钮或其他元素来触发AJAX请求：

<button id="fetchData">Fetch Data</button>

这个例子中，我们使用了jQuery库来简化AJAX调用。当按钮被点击时，AJAX请求被发送到/getData路径。我们期望返回的数据类型是JSON，并在成功获取数据时在控制台打印出来。

这个例子展示了如何在前后端之间传递数据，而不需要重新加载页面。这是现代Web应用开发中一个常用的模式，可以提升用户体验。