js 遍历后台传给前台的list

本文介绍了一种从本地文件读取数据并使用Java后台处理的方法,通过@RequestMapping注解映射URL请求,读取指定路径下的文本文件内容,将数据存储到ArrayList中,并将其传递给前端。前端使用JS遍历数据,将数据推送到新的数组中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

后台代码

	@RequestMapping("/address_lon_lat")
	public String addressLonLat(Model model) {
		//获取本地文本地址里面的内容
		String file_name = "C:/Users/Administrator/Desktop/所有营业点地址111.txt";
		List<String> arrayList = centralService.readFileByLines(file_name);
		model.addAttribute("arrayList", arrayList);
		return "lgyj/address_lon_lat";
	}

js处理,其实就是遍历一遍,然后把值push到新建的Array里面

    var array = new Array();
    <c:forEach items="${arrayList}" var="address">
    	array.push("${address}");
    </c:forEach>

 

JSP页面中,可以通过Java代码片段(脚本元素)来获取和操作List集合中的值。JSP支持嵌入Java代码,这些代码会在服务器端执行,并可以动态生成HTML内容。 以下是如何在JSP页面中通过Java代码获取List集合的元素值的具体实现方式: 1. **从请求作用域中获取List集合** 假设List集合是通过`request.setAttribute("list", list)`的方式从Servlet或控制器递到JSP页面的,可以在JSP中使用`request.getAttribute()`方法获取该集合。 2. **使用Java脚本遍历List集合** 在JSP页面中,可以使用`<% %>`标签嵌入Java代码,并通过循环结构访问List中的每个元素。 示例代码如下: ```jsp <% // 获取从后台来的List集合 List<String> list = (List<String>) request.getAttribute("list"); // 判断List是否为空 if (list != null && !list.isEmpty()) { // 遍历List并输出每个元素 for (String item : list) { %> <p><%= item %></p> <% } } else { %> <p>List为空或未初始化</p> <% } %> ``` 3. **结合EL表达式与JSTL进行更简洁的操作** 虽然可以使用Java脚本来处理List集合,但推荐使用JSTL(JSP标准标签库)结合EL表达式以提高可读性和避免过多的脚本嵌入。例如: ```jsp <c:if test="${not empty list}"> <c:forEach items="${list}" var="item"> <p>${item}</p> </c:forEach> </c:if> <c:if test="${empty list}"> <p>List为空或未初始化</p> </c:if> ``` 上述两种方式均可实现在JSP页面中获取List集合的元素值。其中,使用Java脚本的方式更贴近统的Java编程习惯,而使用JSTL和EL表达式则使页面更加简洁、易于维护[^2]。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值