JSON.将输出字符串化以显示在表中

JSON.stringify output to display in table

本文关键字：显示输出字符串 JSON 更新时间：2023-09-26

我在数据库中使用ajax POST我的表数据。现在我想回到当我点击打开按钮。

  $.ajax({
            type: "POST",
            url: "http://localhost/./Service/GetPageInfo",
            dataType: "json",
            contentType: 'application/json',
            data: JSON.stringify({
                filename: filename
            }),
            success: function (data) {
                debugger;
                //var p = JSON.stringify('[' + data + ']');
               // alert(p.GetPageInfoResult[0])
                //var k = data.main[0];
                //alert(data.length);
                //var jsonObj = $.parseJSON('[' + data + ']');
                //alert(JSON.parse(data));
                var jsonPretty = JSON.stringify(JSON.parse(data), null, 2);
            },
            error: function () {
                alert('Error');

当我给我的文件名时，我想显示我的pageinfo。我得到像

这样的数据

[{"main":{"sub":[],"tittle":"oops","startvalue":"21","stopvalue":"45","status":"","accumalated":"","comment":""}}]

您还没有清除要放置结果Json的位置。下面是放置在div中具有表的Success结果。这只是一个样品，你可以根据你的要求更改:

  function OnSuccess(response) {
                 debugger;
                 var xmlDoc = $.parseXML(response.d);
                 var xml = $(xmlDoc);
                 var page = xml.find("Table");
                 var row = "";
                 $('#popupdiv tbody').html('');
                 page.each(function () {
                     var page = $(this);
                     row = " " + page.find("tittle").text() + " " + page.find("startvalue").text() +
                           " " + page.find("stopvalue").text() + " " + page.find("status").text() +
                           " " + page.find("accumalated").text() + " " + page.find("comment").text() + "";
                     $('#popupdiv tbody').append(row);
                 });
             }