javaweb从数据库查到的多条数据怎么遍历加到js表中

可以使用JSP和JavaScript来实现从数据库查询多条数据，并将其动态添加到表格中。具体的步骤如下：

1. 在JSP页面中，使用Java代码从数据库中查询多条数据，并将其存储在一个List对象中。

2. 在JSP页面中，使用JavaScript创建一个空的HTML表格，并为表格添加表头。

3. 在JavaScript中使用for循环遍历List对象，将每一条数据动态添加到HTML表格中。

4. 最后将HTML表格添加到JSP页面的指定位置。

下面是一个简单的示例代码：

<%@ page import="java.sql.*" %>
<%
  // 连接数据库并查询多条数据
  Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/mydb", "username", "password");
  String sql = "SELECT * FROM mytable";
  PreparedStatement ps = conn.prepareStatement(sql);
  ResultSet rs = ps.executeQuery();
  List<String[]> dataList = new ArrayList<String[]>();
  while (rs.next()) {
    String[] data = new String[3];
    data[0] = rs.getString("col1");
    data[1] = rs.getString("col2");
    data[2] = rs.getString("col3");
    dataList.add(data);
  }
  rs.close();
  ps.close();
  conn.close();
%>

<!-- 在页面中创建一个空的表格 -->
<table id="myTable">
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

<!-- 使用JavaScript将数据动态添加到表格中 -->
<script>
  var table = document.getElementById("myTable");
  var tbody = table.getElementsByTagName("tbody")[0];
  <% for (String[] data : dataList) { %>
    var tr = document.createElement("tr");
    var td1 = document.createElement("td");
    td1.innerText = '<%= data[0] %>';
    var td2 = document.createElement("td");
    td2.innerText = '<%= data[1] %>';
    var td3 = document.createElement("td");
    td3.innerText = '<%= data[2] %>';
    tr.appendChild(td1);
    tr.appendChild(td2);
    tr.appendChild(td3);
    tbody.appendChild(tr);
  <% } %>
</script>

这个示例代码中使用了JSP和JavaScript来实现从数据库查询多条数据，并将其动态添加到HTML表格中。需要注意的是，这种方法存在一定的安全问题，因为在JSP中直接使用Java代码访问数据库可能会导致SQL注入等安全问题。因此，建议在实际开发中使用框架或工具来处理数据库操作，并采用安全的方式来保护应用程序。