javascript - 将 MYSQL 结果集从 JSP 转换为 Javascript 数组

Question

我正在尝试将用 Java 服务器页面 (.jsp) 编写的 MySQL 结果集转换为可以绘制图形的 Javascript 数组。

我当前的 MYSQL 结果集在网络浏览器中返回这个:

我想用 Javascript 返回这个。它必须采用这种格式，以便我可以使用 d3 或 Highcharts 对其进行绘图:

       var ValueArray = [ {x:0, y:110}, {x:15, y:113}, {x:30, y:90} ] 

运行 MYSQL 查询后，我使用以下 java 服务器标记创建了一个表...

<script>
var ValueArray=  [
 <c:forEach var="row" items="${meanvalue.rowsByIndex}">
         <c:forEach var="column" items="${row}">, 
                     {<c:out value= "${column}"/>}
 </c:forEach>
 </c:forEach>
 ]
</script>

这是生成的相应 HTML 代码，也是我的 MYSQL 查询的当前输出:

<table border="1" id = "meanvalue">
<!-- column headers -->
<tr>

    <th>timestamp</th>

    <th>Value</th>

<tr>

  <td>  0</td>  

  <td>  110</td>  

</tr>

<tr>

  <td>  15 </td>  

  <td>  113</td>  

</tr>

<tr>

  <td>  30</td>  

  <td>  90</td>  

</tr>

我搜索了 stackoverflow 并发现了类似的问题，但它们都没有我正在寻找的格式限制；将原始数字数组转换为格式为 .js 的数组

  var Array = [{x: val1, y: val2}, {x: val3, y: val4} ] 

Answer 1

看来您需要编辑 foreach 语句。类似下面的内容

 <c:forEach var="row" items="${meanvalue.rowsByIndex}">
         { // <-- begin the object
         <c:forEach var="column" items="${row}" varStatus="status">, 
                 ${status.index} : <c:out value= "${column}"/>
         </c:forEach>
         } // <-- end the object
 </c:forEach>