在 HTML Table 中显示 JSON 字符串数据

Question

我从服务器得到以下 JSON 字符串作为响应 enter image description here 这是我的 Jquery 代码

function loadCategories() {
        $.ajax({
            type: "POST",
            url: "/Services/ControllerService.asmx/Get",
            data: {},
            cache: false,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (result) {
                var jsonArray = JSON.parse(result.d);

                alert(jsonArray);




            }, error: function (msg) {
                alert('Error : while executing the outlets : ' + msg.responseText);
            }
        });
    }

警报正确显示 JSON 字符串。现在我想将此响应映射到显示列 "a" 和 "b"

的 html table

  a        -             b

hasOtherInfoUndergratuate_in_Computing_Faculty

我该怎么做？？

Answer 1

你有一些插件可以实现这一点：

• dynatable
• Json-to-HTML-Table

Answer 2

1. 遍历 JSON 数据。
2. 获取a值和b值

3. 编写一个函数，根据 / 和 #

拆分 results.a.bindings.value & results.b.bindings.value 中存在的值

4. 在你的 html table 中显示相同的内容 5（可选）。使用 jquery table 插件显示您的结果以获得良好的外观

Answer 3

检查您的 json 数据时，您可以这样做：

var tr="";
$.each(jsonArray.results.bindings, function(i,v)
    {
        var td="";
        $.each(v, function(r,s)
            {
                td+='<td>'+s.type+'</td>';
            });

        tr+= '<tr>'+td+'</tr>';

    });
$("yourTableName").find("tbody").html("").html(tr);