javascript如何获取后端传入的list集合

最新推荐文章于 2023-06-11 20:00:12 发布

mountisome

最新推荐文章于 2023-06-11 20:00:12 发布

阅读量7.3k

点赞数 6

分类专栏：前端文章标签：后端 javascript list

本文链接：https://blog.csdn.net/weixin_45730969/article/details/123015830

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文介绍了如何在SpringBoot+Thymeleaf应用中，后端通过ModelAndView传递list集合到前端，并在JavaScript中进行处理。示例代码展示了一个简单的例子，后端创建一个list并将其传到视图，前端使用Thymeleaf的JavaScript内联方式获取并遍历list。建议直接查阅Thymeleaf官方文档以获取准确信息。

摘要由CSDN通过智能技术生成

有时候我们需要在js中处理来自后端传入的list集合，这在Thymeleaf中是很容易的。以下以Spring Boot+Thymeleaf为例。

后端：

@RequestMapping("/show")
public ModelAndView show() {
    List<String> list = new ArrayList<>();
    list.add("name1");
    list.add("name2");
    list.add("name3");
	ModelAndView modelAndView = new ModelAndView();
    modelAndView.addObject("list", list);
    modelAndView.setViewName("/show");
    return modelAndView;
}

前端：

<script th:inline="javascript">
	function f() {
		let list = [[${list}]];
		for (let i = 0; i < list.length; i++) {
			console.log(list[i]);
		}
	}
</script>