簡體   English   中英

在HTML表中顯示JSON字符串數據

[英]Display JSON string Data in HTML Table

我從服務器獲取以下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

我怎樣才能做到這一點 ??

  1. 遍歷JSON數據。
  2. 獲得a和b值
  3. 編寫一個函數,該函數基於/和#來拆分results.a.bindings.value和results.b.bindings.value中的值。

  4. 在html表5中顯示相同的內容(可選)。 使用一個jQuery表格插件來顯示您的結果,使您感覺良好

您可以使用一些插件來實現:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM