如何從 my.jsp 中獲取我的值到我的 javascript 中？

Question

這是我關於stackoverflow的第一個問題。 所以我正在為 web 開發做一個大學項目。 我的 PostgreSQL 服務器上有數據（多個整數）。 例如 4、5 和 7。我讓我的 Servlet (java) 通過表達式語言將其發布到我的 HTML (jsp) 上。

<ul> 
    <c:forEach var="i" items="${ arrayM }"> //arrayM is a ArrayList of a object from my server

            <li id="values">${ i.getNumber() }</li>
    </c:forEach>
</ul> 

我嘗試使用document.getElementById("values").innerHTML;讀取值但是 object 的類型是字符串。 我需要數組或其他東西中的值。 所以我可以把它換成另一種方法：

data: [
    4, 5, 7

     ],

這是我的 chart.js 方法的一部分。 我對 JavaScript 很陌生。

我試過這個：

var x = document.getElementById("values").innerHTML;
var array = [x];

和

parseInt(array.toString()),

只給我第一個值。

Answer 1

元素的 ID 在 HTML 中是唯一的，所以首先你應該將<li id="values">...</li>更改為<li class="value">...</li>因為你可以t 有多個具有相同 id 的元素。

接下來代替document.getElementById("values").innerHTML; 只返回一個值，使用document.querySelectorAll(".value"); 獲取“值” class 的所有項目作為元素的節點列表。

從那里你可以找到很多方法來使用你的數據，例如，如果你想做一個數組，你可以使用這樣的東西

const values = document.querySelectorAll(".value");
let valuesArr = [];
values.forEach(function(value){
    valuesArr.push(parseInt(value.innerHTML))
})