首页后端modelAndView 传数组给前端jsp，那JSP中js 如何接这个数组

后端modelAndView 传数组给前端jsp，那JSP中js 如何接这个数组

时间: 2024-05-10 17:21:00 浏览: 143

在JSP页面中，可以使用JSTL标签库中的<c:forEach>标签来遍历数组，并将数组中的元素传递给JavaScript变量。例如，假设后端传递了一个名为"myArray"的数组，可以在JSP页面中使用以下代码： ```html <c:forEach var="element" items="${myArray}"> <script> var myVar = '${element}'; // 在这里使用myVar进行相关的JavaScript操作 </script> </c:forEach> ``` 这样，JSP页面就可以将后端传递的数组元素逐个传递给JavaScript变量，并在其中进行相关的操作。

后端modelAndView 传数组给前端jsp，那JSP中js 如何接这个数组，除了用JSTL标签的话，还有其他的方式吗

可以使用JavaScript的JSON对象来接收数组。将后端传递的数组转换成JSON格式，然后在JSP页面中使用JavaScript的JSON对象来解析数组。示例代码如下：后端： ``` List<String> list = new ArrayList<String>(); list.add("item1"); list.add("item2"); list.add("item3"); ModelAndView modelAndView = new ModelAndView("myPage"); modelAndView.addObject("myList", list); return modelAndView; ``` JSP页面： ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <script type="text/javascript"> var myList = ${myList}; console.log(myList); // 输出：["item1", "item2", "item3"] </script> </head> <body>  </body> </html> ``` 在上述代码中，使用`${myList}`将后端传递的数组转换为JSON格式，然后在JavaScript中使用`var`关键字定义一个变量来接收这个JSON格式的数组。这里的`console.log`用于输出结果，实际使用时可以根据需要进行其他操作。

阅读全文