java - 如何使用 HTML5 数据属性获取 session 属性

Question

我是 Java EE 和 HTML5 前端方面的新手。我读到您可以使用 data 属性来读取 DOM。如何正确使用它来获取已由 java 设置的 session 属性。与其他方法(例如使用隐藏输入)相比。

<input id="sid" type="hidden" name="series" value="${sessionScope.series} />

var sid = document.getElementById("sid"), series;

Answer 1

使用这样的东西:

<div id="div1" data-special-value="${sessionScope.series}"></div>

并获取属性值，例如:

document.getElementById("div1").getAttribute("data-special-value")

甚至( http://caniuse.com/dataset ):

document.getElementById("div1").dataset("special-value")

或者使用 jQuery:

$("#div1").attr("data-special-value")
// or
$("#div1").data("special-value")

尽管我不确定在元素上存储 session 值是否正确。这绝对没有错，我只是想知道你需要/在 session 中使用它做什么。 session 出现一次。

data-* 属性对于存储相关数据更有用。例如，如果您循环遍历一堆数据库记录并打印它们的列，但还想存储该行的数据库 id 一次，您可以使用:

<c:forEach items="${rows}" var="row">
    <tr data-row-id="${row.id}">
        <td>${row.name}</td>
        <td>${row.description}</td>
    </tr>
</c:forEach>

然后，如果您想获取原始 row.id 值，它将存储在一个位置，并包含它所属的所有内容(列)。这通常是我使用 data-* 属性的方式/位置。当然，这有很多想法/用途。