使用jquery将json数据加载到表中

JQUERY脚本

{
  $(document).ready(function(){
$.getJSON("array.json",function(data){
    var employee_data='';
    $.each(data,function(key,value){
   employee_data +='<tr>';
   employee_data +='<td>'+value.DIVNFULLNAME+'</td>';
   employee_data +='<td>'+value.FUNCDESGDES+'</td>';
   employee_data +='<td>'+value.INDENTDATE+'</td>';
     employee_data +='<tr>';
    });
  $('#data-table').append(employee_data);

});

] }

}

我正在尝试使用JQuery将数据加载到表中 但是当我试图将数据加载到表中时，它显示为未定义。

---

我不熟悉JQuery，请建议。

问题是JSON结果是一个对象，而不是数组

你有两个选择。您可以将结果更改为：

[
    {
      "DIVNFULLNAME":"DIRECTORATE OF INFORMATION SYSTEMS & MANAGEMENT",
      "FUNCDESGDES":"PROGRAMME MANAGER",
      "INDENTDATE":"2020-06-10 00:00:00.0"
    }
    // ... other objects
]

或者，在处理响应时，对结果对象使用

data

属性：

$(document).ready(function(){
  $.getJSON("array.json",function(RESPONSE){
    var employee_data='';
    $.each(RESPONSE.data,function(key,value){
      employee_data +='<tr>';
      employee_data +='<td>'+value.DIVNFULLNAME+'</td>';
      employee_data +='<td>'+value.FUNCDESGDES+'</td>';
      employee_data +='<td>'+value.INDENTDATE+'</td>';
      employee_data +='<tr>';
    });
    $('#data-table').append(employee_data);
  });
});

$（文档）.ready（函数（）{
$.getJSON（“array.json”，函数（响应）{
var员工_数据=“”；
$.each（响应、数据、函数（键、值）{
员工_数据+=''；
员工_数据+=''+值。DIVNFULLNAME+''；
员工_数据+=''+值。FUNCDESGDES+''；
员工_数据+=''+值。契约日期+''；
员工_数据+=''；
});
$（“#数据表”）。追加（员工#数据）；
});
});

---

我写了

RESPONSE

以强调错误所在的位置。ajax响应函数中的

data

参数是包含另一个

data

属性的对象，您可以在其中使用数组。

我就是这样做的。我将创建一个变量并使用循环来创建数据。然后在末尾将其附加到表体

$（文档）.ready（函数（）{
变量a={
“数据”：[
{
“部门名称”：“信息系统与管理理事会”，
“职能部门”：“项目经理”，
“契约日期”：“2020-06-10 00:00:00.0”
},
{
“DIVNFULLNAME”：“测试仪1”，
“FUNCDESGDES”：“测试仪2”，
“日期”：“测试仪3”
}
]
}
var员工_数据=“”；
对于（a.data中的i）{
员工_数据+=''；
员工_data+=''+a.data[i].DIVNFULLNAME+''；
员工_数据+=''+a.data[i].functdesgdes+''；
员工_数据+=''+a.data[i].INDENTDATE+''；
员工_数据+=''；
}
$（“#数据表tbody”）。追加（员工#u数据）；
});
。带边框的表格，th，td{
边界塌陷：塌陷；
边框：1px纯黑；
}

在Jquery数据表中显示JSON数据

员工数据库

DIVNFULLNAME
函数
契约日期
我已经厌倦了这个，但它也没有显示数据。请尝试=>
数据。数据
在
$中。每个
-都有一个对象数组。您需要通过
dot
符号访问，并在该符号上执行循环以获取对象的值。很抱歉，我缺少此逻辑，非常感谢它为我工作。当我使用servlet时，我可以使用此logicHi@jyothikachapur从servlet获取数据。很乐意帮忙。你能把答案标为接受吗？谢谢。我已被标记为已接受，谢谢你的帮助，请你帮我解决同样的问题servlet@jyothikachapur在这里更正一下。您已将另一个答案标记为已接受-我认为您应该根据您的评论选择此答案
[
    {
      "DIVNFULLNAME":"DIRECTORATE OF INFORMATION SYSTEMS & MANAGEMENT",
      "FUNCDESGDES":"PROGRAMME MANAGER",
      "INDENTDATE":"2020-06-10 00:00:00.0"
    }
    // ... other objects
]

$(document).ready(function(){
  $.getJSON("array.json",function(RESPONSE){
    var employee_data='';
    $.each(RESPONSE.data,function(key,value){
      employee_data +='<tr>';
      employee_data +='<td>'+value.DIVNFULLNAME+'</td>';
      employee_data +='<td>'+value.FUNCDESGDES+'</td>';
      employee_data +='<td>'+value.INDENTDATE+'</td>';
      employee_data +='<tr>';
    });
    $('#data-table').append(employee_data);
  });
});