我所有的,我想使用JSON數據的表格格式。我有這樣的JSON數據如何使用JSON數據創建html表格?
var jsondata = [
{
id: 1,
name: 'Mani',
subject: English,
Score: 88
},
{
id: 1,
name: 'Mani',
subject: Maths,
Score: 65
},
{
id: 2,
name: 'Ram',
subject: English,
Score: 75
},
{
id: 3,
name: 'Kumar',
subject: English,
Score: 15
},
{
id: 3,
name: 'Kumar',
subject: science,
Score: 88
}];
在這個數據我想改變這種格式。我無法附加截圖圖像,所以請檢查下面的輸出代碼。相同的輸出只有我需要使用javascript。
<table border='1'>
\t <tr>
\t \t <th>
\t \t ID
\t \t </th>
\t \t <th>
\t \t Name
\t \t </th>
\t \t <th>
\t \t \t English
\t \t </th>
\t \t <th>
\t \t \t Maths
\t \t </th>
\t \t <th>
\t \t \t science
\t \t </th>
\t </tr>
\t <tr>
\t \t <td>
\t \t \t 1
\t \t </td>
\t \t <td>
\t \t \t Mani
\t \t </td>
\t \t <td>
\t \t \t 88
\t \t </td>
\t \t <td>
\t \t \t 65
\t \t </td>
\t \t <td>
\t \t \t -
\t \t </td>
\t </tr>
\t <tr>
\t \t <td>
\t \t \t 2
\t \t </td>
\t \t <td>
\t \t \t Ram
\t \t </td>
\t \t <td>
\t \t \t 75
\t \t </td>
\t \t <td>
\t \t \t -
\t \t </td>
\t \t <td>
\t \t \t -
\t \t </td>
\t </tr>
\t <tr>
\t \t <td>
\t \t \t 3
\t \t </td>
\t \t <td>
\t \t \t Kumar
\t \t </td>
\t \t <td>
\t \t \t 18
\t \t </td>
\t \t <td>
\t \t \t -
\t \t </td>
\t \t <td>
\t \t \t 88
\t \t </td>
\t </tr>
\t
</table>
var jsondata = [
\t \t {
\t \t \t id: 1,
\t \t \t name: 'Mani',
\t \t \t subject: 'English',
\t \t \t Score: 88
\t \t },
\t \t {
\t \t \t id: 1,
\t \t \t name: 'Mani',
\t \t \t subject: 'Maths',
\t \t \t Score: 65
\t \t },
\t \t {
\t \t \t id: 2,
\t \t \t name: 'Ram',
\t \t \t subject: 'English',
\t \t \t Score: 75
\t \t },
\t \t {
\t \t \t id: 3,
\t \t \t name: 'Kumar',
\t \t \t subject: 'English',
\t \t \t Score: 15
\t \t },
\t \t {
\t \t \t id: 3,
\t \t \t name: 'Kumar',
\t \t \t subject: 'science',
\t \t \t Score: 88
\t \t }
]
\t
var obj = jsondata;
var category = [];
var callid = [];
//alert("hai");
for (var i = 0; i < Object.keys(obj).length; i++) {
callid.push(obj[i]['subject']);
category.push(obj[i]['subject']);
}
var uniquecategory = uniquerResult(category);
var uniquecallid = uniquerResult(callid);
console.log(uniquecallid);
function uniquerResult(obj) {
var unique = [];
$.each(obj, function (i,ei) {
if ($.inArray(ei, unique) === -1) unique.push(ei);
})
return unique;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
哪裏是你的javascript代碼? – Weedoze
請檢查下面的html表輸出基於我想要使JavaScript代碼。 –
請給任何想法如何使用json數據創建像這樣的表格 –