jquery 获取springboot modelandview中的参数-摩杜云开发者社区

jquery 获取Spring Boot ModelAndView中的参数

在使用Spring Boot开发Web应用程序时，我们经常会使用ModelAndView对象将数据传递给前端页面。ModelAndView对象是Spring MVC中常用的数据传递工具，它包含了数据模型和视图信息。在前端页面中，我们可以使用jQuery来获取ModelAndView中的参数并进行操作。

本文将介绍如何使用jQuery来获取Spring Boot ModelAndView中的参数，并提供相应的代码示例。

1. 在Spring Boot中定义Controller

首先，我们需要在Spring Boot应用程序中定义一个Controller类。该Controller类负责处理请求，并将数据存储在ModelAndView对象中。

示例代码如下：

@RestController
public class MyController {

    @RequestMapping("/example")
    public ModelAndView example() {
        ModelAndView modelAndView = new ModelAndView("example");
        modelAndView.addObject("name", "John Doe");
        modelAndView.addObject("age", 30);
        return modelAndView;
    }
}

上述代码中，我们定义了一个名为"example"的请求处理方法。该方法返回一个ModelAndView对象，并将"name"和"age"两个参数添加到ModelAndView中。

2. 前端页面

接下来，我们需要创建一个前端页面，用于展示从ModelAndView中获取的参数。

示例代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
    <script src="
</head>
<body>
    Example
    <table>
        <tr>
            <th>Name:</th>
            <td id="name"></td>
        </tr>
        <tr>
            <th>Age:</th>
            <td id="age"></td>
        </tr>
    </table>

    <script>
        $(document).ready(function() {
            var name = "${name}";
            var age = "${age}";
            
            $("#name").text(name);
            $("#age").text(age);
        });
    </script>
</body>
</html>

上述代码中，我们使用了jQuery的$(document).ready()方法来确保页面加载完毕后再执行代码。在该方法中，我们使用${name}和${age}来获取ModelAndView中的参数，并将其赋值给相应的HTML元素。

3. 运行应用程序

现在，我们可以运行Spring Boot应用程序，并访问"/example"路径来查看效果。在浏览器中打开页面后，我们将看到从ModelAndView中获取的参数在页面中显示出来。

总结

本文介绍了如何使用jQuery来获取Spring Boot ModelAndView中的参数的方法。通过上述步骤，我们可以轻松地将后端数据传递给前端页面，并进行相应的处理。

希望本文对您有所帮助，谢谢阅读！

参考资料

[Spring Boot官方文档](
[jQuery官方文档](