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

Question

我从服务器获取以下JSON字符串作为响应， 在此处输入图片描述，这是我的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表中

  a        -             b

hasOtherInfo Undergratuate_in_Computing_Faculty

我怎样才能做到这一点 ？？

Answer 1

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

3. 编写一个函数，该函数基于/和＃来拆分results.a.bindings.value和results.b.bindings.value中的值。

4. 在html表5中显示相同的内容（可选）。 使用一个jQuery表格插件来显示您的结果，使您感觉良好

Answer 2

您可以使用一些插件来实现：

• 可测的
• Json到HTML表

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);