使用jQuery创建JSON表格

-1

我有一个json文件，它基本上是一个影院的布局。使用jQuery创建JSON表格

{ 
    "who": "RSNO", 
    "what": "An American Festival", 
    "when": "2013-02-08 19:30", 
    "where": "User Hall - Main Auditorium", 
    "seats": [ 
     "00000000000000000011111111111111000000000000000000", 
     "0000000000000001111111111111111aaa0000000000000000", 
     "00000000000000aa111111111111111aaaaa00000000000000", 
     "00000000000001111111111111111111111111000000000000", 
     "000000000aa00aaaaaaaaaaaaaaaaaaaaaa1100aa000000000", 
     "00000001111001111111111111111111111100111100000000", 
     "00000aaaaaa0011aaaaaaaaa11111111aaa1100aaaaaa00000", 
     "00001111111001111111111111111111111100111111100000", 
     "000aaaaaaa110011111111111111111111110011aaaaaaa000", 
     "00111111111100111111111111111111111001111111111000", 
     "00aaaaa1111110011111111111111111111001111aaaaaaa00", 
     "11111111111100111111111111111111111001111111111110", 
     "0aaaaaaaaaaaa001111111111111111111100aaaaaaaaaaaa0", 
     "01111111111110011111111111111111110011111111111100", 
     "00000000000000001111111111111111110000000000000000", 
     "01111111111111001111111111111111100111111111111100", 
     "01111111111111001111111111111111110011111111111110", 
     "01111111111111001111111111111111100111111111111100", 
     "00a11111111111100111111111111111100111111111111a00", 
     "00111111111111100111111111111111001111111111111000", 
     "00011111111111110011111111111111001111111111111000", 
     "00111111111111100111111111111111001111111111111000", 
     "00011111111111110011111111111111001111111111111000", 
     "00011111111111110011111111111110011111111111110000", 
     "0000000111a111111001111a1111a110011111111110000000", 
     "00000000111111110011111111111110011111111000000000", 
     "00000000001111111001111111111110011111110000000000", 
     "00000000000000111001111111111100111000000000000000" 
    ], 
    "rows": [ 
     "DD", 
     "CC", 
     "BB", 
     "AA", 
     "Z", 
     "Y", 
     "X", 
     "W", 
     "V", 
     "U", 
     "T", 
     "S", 
     "R", 
     "Q", 
     "P", 
     "N", 
     "M", 
     "L", 
     "K", 
     "J", 
     "H", 
     "G", 
     "F", 
     "E", 
     "D", 
     "C", 
     "B", 
     "A" 
    ], 
    "seatPrice": [ 
     "     00000000000000     ", 
     "    0000000000000000000    ", 
     "    0000000000000000000000    ", 
     "    0000000000000000000000000   ", 
     "   00 000000000000000000000000 00   ", 
     "  0000 00000000000000000000000 0000  ", 
     "  000000 000000000000000000000000 000000  ", 
     " 0000000 00000000000000000000000 0000000  ", 
     " 000000000 0000000000000000000000 000000000 ", 
     " 0000000000 000000000000000000000 0000000000 ", 
     " 00000000000 00000000000000000000 00000000000 ", 
     "000000000000 000000000000000000000 000000000000 ", 
     " 000000000000 00000000000000000000 000000000000 ", 
     " 000000000000 0000000000000000000 000000000000 ", 
     "    000000000000000000    ", 
     " 0000000000000 00000000000000000 0000000000000 ", 
     " 0000000000000 000000000000000000 0000000000000 ", 
     " 0000000000000 00000000000000000 0000000000000 ", 
     " 0000000000000 0000000000000000 0000000000000 ", 
     " 0000000000000 000000000000000 0000000000000 ", 
     " 0000000000000 00000000000000 0000000000000 ", 
     " 0000000000000 000000000000000 0000000000000 ", 
     " 0000000000000 00000000000000 0000000000000 ", 
     " 0000000000000 0011111111100 0000000000000 ", 
     "  0000000000 111111111111 0000000000  ", 
     "  00000000 1111111111111 00000000   ", 
     "   0000000 111111111111 0000000   ", 
     "    000 00000000000 000    " 
    ], 
    "priceLookup": [ 
     10, 
     20 
    ] 
}

本质上，每个字符（包括空格）应该成为在表中的单元格，根据字符，应当具有不同的类。每个单元还有一个充当座位号的参考。我不知道从哪里开始，而本网站上的其他问题甚至没有帮助澄清一个体面的方法。任何帮助将非常感激。

来源

2013-03-02 Jordan Moffat

StackOverflow的是不是真的意味着作为地方来让人们实现一个编码任务给你。你应该真的尝试自己实现某些东西，然后在遇到特定问题时回过头来回答具体问题。 – 2013-03-02 00:20:06

jquery .dataTable，这就是她写的全部 – Jagd 2013-03-02 00:21:35

@MikeBrant我知道这不是重点，我也不是要求完全实现或者类似的东西。基本上，我明白需要有一个数组，但我不确定完全是否是JSON文件的结构，并且查看示例以查看其他人是如何实现它们的，因为我的JSON文件没有帮助似乎缺乏其他人似乎有的部分，这造成了混乱。即使解释它的工作原理也会有帮助，所以我可以自己实现它 – 2013-03-02 00:34:06

喜欢的东西开始：

var json = JSON.parse(jsonString), 
    table = $('<table />'); 


for (key in json) { 
    var tr = $('<tr />', {'class': key, html: '<td>'+key+'</td><td>'+json[key]+'</td>'}); 
    table.append(tr); 
} 

$('body').append(table);

来源

2013-03-02 00:21:02 adeneo

这非常有帮助，谢谢。我只是需要一些非特定的东西，所以我可以理解如何在循环中处理数据 – 2013-03-02 00:37:21

@JordanMoffat - 应该让你这个 - > [** FIDDLE **]（http://jsfiddle.net/adeneo/zZtVt/3 /）。通过一点阅读和试验，你应该可以得到很多，如果你有一个特定的代码问题，请在这里提问。 – adeneo 2013-03-02 00:42:51

使用jQuery创建JSON表格

回答

相关问题