将字典中的键和值打印到 html 表（以某种格式） JSON 调用

Question

下面的代码是一个 JSON 调用，它获取一个 dict 并将键和值打印到 html 表中

$(function() {
      $('a#search').bind('click', function() {
        $.getJSON('/_search', {
          a: $('input[name="a"]').val()
        }, function(data) {
          var tableData = '<table>'
          $.each(data.result, function(key, value){
            tableData += '<tr>' + key + ' ' + '</tr>';
            $.each(value, function(val){
                tableData += '<td>' + val + '</td>';
              });
          });
          tableData += '</table>';
          $('#table').html(tableData);
        });
        return false;
      });
    });

但是打印如下

Developer Publisher ReleaseDate Title
0         1         2
0         1         2
0         1         2
0         1         2

应该是这样打印的

Developer Publisher ReleaseDate Title
0         0         0           0
1         1         1           1
2         2         2           2

我不知道为什么它缺少里面的内容并且只打印 0 1 2 所以最后它应该像这样打印

Developer      Publisher ReleaseDate Title
Office Kouan   Shouei    ...         ...
Jorudan        Vap       ...         ...
Beam Software  ...       ...         ...

知道什么地方出了问题吗？

Answer 1

请将代码改为：

$(function () {
    $('a#search').bind('click', function () {
        $.getJSON('/_search', {
            a: $('input[name="a"]').val()
        }, function (data) {
            var tableData = '<table>'
            $.each(data.result, function (key, value) {
                tableData += '<tr>' + key + ' ' + '</tr>';
                $.each(value, function (val) {
                    tableData += '<td>' + value[val] + '</td>';
                });
            });
            tableData += '</table>';
            $('#table').html(tableData);
        });
        return false;
    });
});

在您的代码中调用val 只是打印索引而不是您的javascript 对象中的实际值，因此使用value[val]。

希望这会有所帮助。干杯.. :)