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

时间:2016-06-15 07:21:47

标签: javascript jquery json ajax asp.net-ajax

我从服务器获取以下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表
  a        -             b

hasOtherInfo Undergratuate_in_Computing_Faculty

我该怎么做?

3 个答案:

答案 0 :(得分:1)

  1. 循环访问JSON数据。
  2. 获取a和b值
  3. 编写一个函数,负责拆分results.a.bindings.value&中存在的值。 results.b.bindings.value基于/和#

  4. 在html表格中显示相同的内容 5(可选)。使用jquery表插件显示您的结果以获得良好的外观

答案 1 :(得分:0)

你有一些可以实现的插件:

答案 2 :(得分:0)

在检查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);