简单的JSON到HTML表 [英] Simple JSON to HTML Table

问题描述

我有一个非常简单的数据要显示在表中.

I have a very simple data that i want to display in table.

数据

[{"1":红色"，"2":橙色"，"3":蓝色"，"4":黄色"}]

[{"1":"Red","2":"Orange","3":"Blue","4":"Yellow"}]

代码:

 var a = [];
                    $.each(data, function (key, val) {
                        a.push('<tr id="tr_' +key+ '">');
                        a.push('<td>' + key+ '</td>');
                        a.push('<td>' + val+ '</td>');
                        a.push('</tr>');
                    });
                    var s = a.join('');
                    $('#color-list').html(s);

上面的代码生成了[object Object]而不是Data.

The above code resulted in [object Object] instead of the Data.

以下是我的预期结果

1红色

2橙色

3蓝色

4黄色

任何建议将不胜感激

推荐答案

您的数据变量是一个数组(仅包含一个元素).该对象实际上是该数组的第一个元素.因此使用:

Your data variable is an array (containing only one element). The object is actually the first element of that array. So use:

$.each(data[0], function (key, val) {
    ...

这篇关于简单的JSON到HTML表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！