JSON.stringify输出显示在表中

时间:2016-09-05 11:04:23

标签: javascript jquery json ajax

我在数据库中使用ajax发布表数据。现在,当我点击打开按钮时,我想回来。

  $.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":""}}]

1 个答案:

答案 0 :(得分:0)

你还没有清楚你想要的地方 Json 。以下是 div 成功结果,其中包含表格。这只是一个可以根据您的要求改变的样本:

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