jquery - 我如何通过 ajax 获取此 JSON 并在 select2 中显示子项

Question

这是 JSON

{
 "fields": [
  {
   "id": 2,
   "name": "philosophy",
   "children": [
    {
     "id": 2,
     "name": "ethics",
     "field_id": 2,
     "created_at": "2014-04-07T21:04:48.851Z",
     "updated_at": "2014-04-07T21:04:48.851Z"
    }
   ]
  },
  {
   "id": 1,
   "name": "sociology",
   "children": [
    {
     "id": 1,
     "name": "media",
     "field_id": 1,
     "created_at": "2014-04-07T15:45:49.013Z",
     "updated_at": "2014-04-07T15:45:49.013Z"
    },
    {
     "id": 3,
     "name": "objects",
     "field_id": 1,
     "created_at": "2014-04-08T00:47:23.758Z",
     "updated_at": "2014-04-08T00:47:23.758Z"
    }
   ]
  }
 ]
}

这是我目前仅将父级名称加载到 select2 字段中的 Jquery。

$(document).ready(function() {
  $('#topics').select2({
    minimumInputLength: 1,
    multiple: true,
    tokenSeparators: [" "],
    ajax: {
      url: "/fields.json",
      dataType: "json",
      results: function(data, page) {
        return {
          results: $.map( data.fields, function(fields, i) {
            return { text: fields.name,  }
          } )
        }
      }
    }
  });
});

如何通过 ajax 加载 optgroups 创建相当于选择表单的内容？以上是我失败的尝试

Answer 1

尝试

results: function (data, page) {
    return {
        results: $.map(data.fields, function (field, i) {
            return {
                text: field.name,
                children: $.map(field.children, function(child){
                    return {
                        id: child.id,
                        text: child.name
                    }
                })
            }
        })
    }
}

演示:Fiddle

来源:Ticket