1. 程式人生 > >js和jsp中遍歷list物件

js和jsp中遍歷list物件

通常,我們需要從後臺接收list物件在前臺進行遍歷,現在有以下幾種方法可以使用:
方法一:(比較簡單,直接使用jstl標籤)。

首先在頭部引入jstl標籤:

<%@ taglib prefix = "c" uri = "http://java.sun.com/jsp/jstl/core" %>

js中和jsp中:

<c:forEach items="${results}" var="result">
     console.log("${result.屬性名}");
</c:forEach>

方法二:
第二種方法比較複雜,將List 轉成json,傳到介面。js中使用var arr = eval(‘${list}’);將list轉成js陣列。

//從後臺傳過來的json字串,前臺可以這麼接受
// var str = "${list}"
// str裡面的內容是:[{"a":"1","b":"2"},{"a":"3","b":"4"}]
var objArr = eval("(" + str + ")");
for(var i in objArr) {
   console.log(objArr[i].a + objArr[i].b);
}

二:List物件轉化為json字串
那怎麼在後臺對list物件進行json轉換呢,我會在下一篇博文中進行詳細介紹。