阅读下面的JsonData.json文件并填充我的html表 [英] Read the JsonData.json file below and populate my html table
问题描述
我需要阅读下面的JsonData.json文件并在javascript中填充我的html表:
{
ID: 1,
姓名:John Smith,
IDNumber:7606015012088
},
{
ID:2,
名称:Molly Malone,
IDNumber:8606125033087< br $>
},
请帮忙,因为我是javascript的新手。
我的html是:
I need to read the JsonData.json file below and populate my html table in javascript:
{
"ID": 1,
"Name": "John Smith",
"IDNumber": "7606015012088"
},
{
"ID": 2,
"Name": "Molly Malone",
"IDNumber": "8606125033087"
},
Please help as I am very new to javascript.
My html is:
script src="jquery-1.10.2.min.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<h1>A JavaScript Test</h1>
<table>
<tr>
<th>ID</th>
<th>Name</th>
<th>ID Number</th>
</tr>
</table>
<p>
<button>Load Data</button>
推荐答案
首先,你的JSON文件不合适。它应该是这样的。
Hi,
First of all, your JSON file is not proper. It should be like this.
[{
"ID": 1,
"Name": "John Smith",
"IDNumber": "7606015012088"
},
{
"ID": 2,
"Name": "Molly Malone",
"IDNumber": "8606125033087"
}]
请考虑以下代码段。它将加载一个名为'jsondata.json'的json文件并创建一个表。
Consider following code snippet. It will load a json file called 'jsondata.json' and creates a table.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script>
function onLoad(){
var url='jsondata.json';
.getJSON(url, function (json){
var table =
.getJSON(url, function(json){ var table =
( < table>');
table.attr( ' border',' 1');
var tr =
('<table>'); table.attr('border','1'); var tr =
这篇关于阅读下面的JsonData.json文件并填充我的html表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!