不带键的2D JSON数组中的HTML表
我在从没有任何键的JSON数组创建表时遇到了问题。下面是JSON数组。它保存为文件“data.json” 我不想要球员的名字，但我想要第二个条目，这是他们的年龄，使一个表像 玩家编号年龄 5 25 7 22 3 27 124 8 23 我编写了以下代码，但存在一些问题。没用了，有人能建议我吗不带键的2D JSON数组中的HTML表,html,json,html-table,Html,Json,Html Table,我在从没有任何键的JSON数组创建表时遇到了问题。下面是JSON数组。它保存为文件“data.json” 我不想要球员的名字，但我想要第二个条目，这是他们的年龄，使一个表像 玩家编号年龄 5 25 7 22 3 27 124 8 23 我编写了以下代码，但存在一些问题。没用了，有人能建议我吗 <html> <head> <title>Player Record Data</title> <style type="text/cs
<html>
<head>
<title>Player Record Data</title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
table
{
border: 1px solid #ccc;
border-collapse: collapse;
}
table th
{
background-color: #F7F7F7;
color: #333;
font-weight: bold;
}
table th, table td
{
padding: 5px;
border-color: #ccc;
}
</style>
</head>
<body>
<input type="button" value="Generate Table For Player Records" onclick="GenerateTable()" />
<div id="dvTable">
</div>
<script type="text/javascript">
function GenerateTable()
{
d3.json('data.json', function (e,data){
//Build an array containing Player records.
var player = new Array();
player.push(["Player Id", "Player Name", "Player Age"]);
for(var i = 0; i < data.length; i++)
{
var item = data[i];
var name = item[0];
var age = item[1];
player.push([i, name, age]);
}
//Create a HTML Table element.
var table = document.createElement("TABLE");
table.border = "1";
//Get the count of columns.
var columnCount = player[0].length;
//Add the header row.
var row = table.insertRow(-1);
for (var i = 0; i < columnCount; i++) {
var headerCell = document.createElement("TH");
headerCell.innerHTML = player[0][i];
row.appendChild(headerCell);
}
//Add the data rows.
for (var i = 1; i < player.length; i++) {
row = table.insertRow(-1);
for (var j = 0; j < columnCount; j++) {
var cell = row.insertCell(-1);
cell.innerHTML = player[i][j];
}
}
var dvTable = d cument.getElementById("dvTable");
dvTable.innerHTML = "";
dvTable.appendChild(table);
}
</script>
</body>
</html>
播放器记录数据
身体
{
字体系列：Arial；
字号：10pt；
}
桌子
{
边框：1px实心#ccc；
边界塌陷：塌陷；
}
表th
{
背景色：#F7F7F7；
颜色：#333；
字体大小：粗体；
}
表th、表td
{
填充物：5px；
边框颜色：#ccc；
}
函数GenerateTable（）
{
d3.json（'data.json'，函数（e，data）{
//构建一个包含玩家记录的数组。
var player=新数组（）；
玩家推送（[“玩家Id”，“玩家姓名”，“玩家年龄]）；
对于（变量i=0；i var json = [["Vishnu", 25],["Joginder", 22],["Amar", 27],["Rohan", 24],["Karan", 23]]
document.write('<table>');
for(i=0; i< json.length; i++){
document.write('<tr><td>' + json[i][1] + '</td></tr>'); //prints the age on console
}
document.write('</table>');
var json=[[“毗瑟奴”，25]，“约金德”，22]，“阿马尔”，27]，“罗汉”，24]，“卡兰”，23]]
文件。写（“”）；
for（i=0；i var json = [["Vishnu", 25],["Joginder", 22],["Amar", 27],["Rohan", 24],["Karan", 23]]
document.write('<table>');
for(i=0; i< json.length; i++){
document.write('<tr><td>' + json[i][1] + '</td></tr>'); //prints the age on console
}
document.write('</table>');
var json=[[“毗瑟奴”，25]，“约金德”，22]，“阿马尔”，27]，“罗汉”，24]，“卡兰”，23]]
文件。写（“”）；
for（i=0；i <script>
var data = [["Vishnu", 25], ["Joginder", 22], ["Amar", 27], ["Rohan", 24], ["Karan", 23]];
for (var i = 0; i < data.length; i++) {
var item = data[i];
var playername = item[0];
var age = item[1];
//write table logic here
}
</script>
var数据=[“毗瑟奴”，25]，“约金德”，22]，“阿马尔”，27]，“罗汉”，24]，“卡兰”，23]；
对于（变量i=0；i <script>
var data = [["Vishnu", 25], ["Joginder", 22], ["Amar", 27], ["Rohan", 24], ["Karan", 23]];
for (var i = 0; i < data.length; i++) {
var item = data[i];
var playername = item[0];
var age = item[1];
//write table logic here
}
</script>
var数据=[“毗瑟奴”，25]，“约金德”，22]，“阿马尔”，27]，“罗汉”，24]，“卡兰”，23]；
对于（变量i=0；i<body>
<input type="button" value="Generate Table For Player Records" onclick="javascript:GenerateTable();" />
<div id="dvTable">
</div>
<script type="text/javascript">
function GenerateTable() {
$('#dvTable').html('');
var content = "<table>"
content += '<tr><th>Player Id</th><th>Player Name</th><th>Age</th></tr>'
var data = [["Vishnu", 25], ["Joginder", 22], ["Amar", 27], ["Rohan", 24], ["Karan", 23]];
for (var i = 0; i < data.length; i++) {
var item = data[i];
var id = i + 1;
var playername = item[0];
var age = item[1];
//write table logic here
content += '<tr><td>' + id + '</td><td>' + playername + '</td><td>' + age + '</td></tr>';
}
content += "</table>"
$('#dvTable').append(content);
}
</script>
</body>
函数GenerateTable（）{
$（'#dvTable'）.html（''）；
var content=“”
内容+='Player IdPlayer NameAge'
var数据=[“毗瑟奴”，25]，“约金德”，22]，“阿马尔”，27]，“罗汉”，24]，“卡兰”，23]；
对于（变量i=0；i<body>
<input type="button" value="Generate Table For Player Records" onclick="javascript:GenerateTable();" />
<div id="dvTable">
</div>
<script type="text/javascript">
function GenerateTable() {
$('#dvTable').html('');
var content = "<table>"
content += '<tr><th>Player Id</th><th>Player Name</th><th>Age</th></tr>'
var data = [["Vishnu", 25], ["Joginder", 22], ["Amar", 27], ["Rohan", 24], ["Karan", 23]];
for (var i = 0; i < data.length; i++) {
var item = data[i];
var id = i + 1;
var playername = item[0];
var age = item[1];
//write table logic here
content += '<tr><td>' + id + '</td><td>' + playername + '</td><td>' + age + '</td></tr>';
}
content += "</table>"
$('#dvTable').append(content);
}
</script>
</body>
函数GenerateTable（）{
$（'#dvTable'）.html（''）；
var content=“”
内容+='Player IdPlayer NameAge'
var数据=[“毗瑟奴”，25]，“约金德”，22]，“阿马尔”，27]，“罗汉”，24]，“卡兰”，23]；
对于（变量i=0；i