数据表Jquery上的Json ajax数据答案

【问题标题】：Json ajax data on a datatable Jquery数据表Jquery上的Json ajax数据
【发布时间】：2014-03-10 15:32:22
【问题描述】：

我是 jquery 的新手。我在加载时有一个包含数据的数据表。搜索数据后，我需要从数据表中删除该数据并在该表上显示搜索到的数据。我使用清除数据表

app.common.genericAjaxCall("POST", '\getGroupsajax=true"', data, function(data) {

                dataGrid = dataGrid.fnClearTable();
                dataGrid = $('#dataGrid').dataTable().fnAddData(data);
                alert('hidata');
            }

但它没有给出正确的结果。

我的 json 输出是：

Object  { "aaData" : [{"id":37,"attemptId":1,"name":"Group1","emailIds":null,"type":"Forward","status":1,"scheduleDate":"03/10/2014 21:50 PM","sheduledBy":null,"startDate":null,"endDate":null,"action":0}]}

这个数组有多个结果。然后我需要显示数据。数据来自 json ajax 调用。如何解决这个问题。非常感谢您的帮助

【问题讨论】：

你使用的是什么库或框架？
你能告诉我们一些你从你的 ajax 得到的 json 数据吗？您不能简单地使用 fnAddData 添加 JSON 数据。你应该 JSON.parse(data) 首先。看看这个答案：stackoverflow.com/questions/21924803/…
我试过了。但它给出了一个对象类型。不转换。给出异常'Uncaught TypeError: Cannot read property 'aoData' of null '

标签： jquery ajax json datatables

【解决方案1】：

使用此初始化对我有用：

  json = '{ "aaData" : [{"id":37,"attemptId":1,"name":"Group1","emailIds":null,"type":"Forward","status":1,"scheduleDate":"03/10/2014 21:50 PM","sheduledBy":null,"startDate":null,"endDate":null,"action":0}]}';

  parsedJson= JSON.parse(json);
  var otable = $("#datatable").dataTable();

  otable.fnClearTable();

  $.each(parsedJson.aaData, function(key, value) {
    otable.dataTable().fnAddData([
      value.id,
      value.attemptId,
      value.name,
      value.emailIds,
      value.type,
      value.status,
      value.scheduleDate,
      value.sheduledBy,
      value.startDate,
      value.endDate,
      value.action,
    ]);
  })

如果 OBJECT 确实是您输出的一些文本，请将其删除:-)

Working Plunker

【讨论】：