html用json数据填充表格,使用jQuery填充JSON表格

这是一种使用jQuery从JSON数据填充表格的有效方法，还是有更好/更便宜的方法？最大行数将在100左右。我不想使用插件。使用jQuery填充JSON表格

JS：

$.ajax({

url: 'public.json',

dataType: 'json',

success: function(data) {

var row = '

';

for (var i in data.headers) {

row += '

' + data.headers[i] + '';

}

row += '

'

$(row).appendTo('table.data');

row = '';

for (var i in data.rows) {

row += '

';

row += '

' + data.rows[i].date + '';

row += '

' + data.rows[i].company + '';

row += '

' + data.rows[i].location + '';

...

row += '

';

}

$(row).appendTo('table.data');

},

});

JSON：

{

"headers": {

"date": "Date",

"company": "Company",

"location": "Location",

...

},

"rows": [{

"date": "09/18/2011",

"company": "Company name",

"location": "US",

...

},

...

}

编辑：本质上讲，我试图找出是否结块所有行到一个字符串，把它变成一个jQuery对象然后将它附加到表中是一个好主意，假设可以在页面上多次执行刷新数据。

2011-10-05

Alex

+0

有你看着jQuery的模板 - HTTP：//api.jquery .com/category/plugins/templates /？ –

+0

我认为建议使用处于测试阶段的插件并不适合生产原因。 –

+0

@Floyd“这些文档主题涉及jQuery模板**插件**”。业务执行表示他们不想使用一个。 –