javascript - 如何从 jQuery Ajax 访问 JSON 元素

Question

我想定位我的 JSON 文件中的特定元素:

{
  "taskMeta": "Some meta info",
  "tasksLib": [
    {
     "task001":
         {
            "id":"1",
            "createDate":"01.02.17",
            "dueDate":"02.03.17",
            "author":"Author name",
            "tag":"Things",
            "description":"Here's a description of the todo",
            "priority":"1",
            "color":"danger",
            "title":"btn-danger",
            "content":"Here's the notes content"
         },
     "task002":
         {
            "id":"2",
            "createDate":"02.02.17",
            "dueDate":"05.03.17",
            "author":"Author name",
            "tag":"Other things",
            "description":"Here's another description of the todo",
            "priority":"0",
            "color":"info",
            "title":"Foo",
            "content":"Here's some amazing content"
         }

     }
  ]
}

然后它被加载到这个 js 文件中:

$.ajax({
     type:     'GET',
     url:      'includes/tasks.json',
     dataType: 'json',
     success: function(task) {

        $.each(task, function(i, task){
           console.log(
              task.taskLib[0].id
           );
...

这给了我:

Uncaught TypeError: Cannot read property '0' of undefined

Answer 1

您必须首先解析您的 JSON:

var tasksData = JSON.parse(task);

然后您可以按如下方式循环执行您的任务:

$.each(tasksData.tasksLib, function(i, task){
    console.log(task.id);
}