如何解析json数据并在JQuery中使用Ajax显示它?

时间:2015-08-19 07:30:17

标签: javascript jquery ajax json

对系统有一个ajax调用,它将JSOn作为响应返回并在HTML表中显示。

在HTML中,我们有以下代码来显示数据:

documentCommon.ajax({
        blockUI: false,
        type: 'POST',
        //dataType: 'html',
        url : 'loaddocument.json',
        data: {
            '_CONV_ID': $('input[name="_CONV_ID"]').val(),
        },
        success: function (data) {
            alert(data);
            console.log(data);

            document.documentDisplay.clear().rows.add(data.lines).draw();
            //Here we get an error  
        },

    });



document.documentDisplay= $('#documentDisplay').DataTable($.extend({}, documentCommon.tableTemplate, {
            asStripClasses: [], // No stripes
            width:     "100%",
            scrollY: "150px",
            columnDefs: [
                {"width": "20%", targets: 0},
                {"width": "40%", targets: 1},
                {"width": "40%", targets: 2},
            ],
            columns: [
                {"data": "documentType"},
                {"data": "fileName"},
                {"data": "documentDate"}
            ]
    }));

以下是Ajax调用和相应的方法调用:

[
{
  "documentDate":[
     2015,
     8,
     18,
     13,
     1,
     51
  ],
  "documentType":"X",
  "documentId":18038,
  "fileExtension":"pdf",
  "filename":"kuka.pdf",
  "link":"http://something.com/kuka.pdf",
},
So on and end with ]

Ajax能够发送请求并恢复数据。以下是firebug输出:

TypeError: a is undefined

以下是Firebug中显示的错误:

int h, f;
h = f = 10;

代码中有什么问题吗?有没有其他方法来实现相同的?另外,我想检查数据表中的documentType,即如果documetType是X则显示,否则不显示。有没有办法做同样的事情?

1 个答案:

答案 0 :(得分:-2)

如果您使用的是jquery AJAX,那么您可以通过以下方式直接获取JSON数据: data.responseJSON 成功回调ajax调用