在Javascript表中显示Json数组

我有一个查询instagram API的API。我试图使用我的API并在表中显示标签搜索。Json响应如下所示：

{"data":[{"media_count":13485788,"name":"argentina"},{"media_count":47097,"name":"argentinas"}]}

这是我的javascript代码： 型号：

控制器：

define(["jquery", "events", "model"], function($, events, model) {

  function initialize() {
    $("#user-selection").change(function() {
      var TagName = $("#user-selection").val() ;
      console.log("Fetching information for " + TagName) ;
      $("*").css({"cursor": "wait"}) ;
      $.getJSON("/api/tag/" + TagName, function(data) {
        model.exists = true ;
        model.tags = data ;
      }).fail(function() {
        model.exists = false ;
        model.tags = [] ;
      }).always(function() {
        model.InstagramTag = TagName ;
        $("*").css({"cursor": "initial"}) ;
        events.trigger("model_updated") ;
      });
    }) ;
  }

  return { "initialize": initialize };

});

标记表：

define(["underscore"], function(_) {

  var rowTemplate = _.template("<tr>" + 

    "<td><%= name %></td>" +
    "<td><%= media_count %></td>"

    "</tr>") ;

  var repoTable = _.template("<table id='repo-table' class='table'>" +
    "<thead>" +
      "<tr>" +
        "<th>name</th><th>media_count</th>" +
      "</tr>" +
    "</thead>" +
    "<tbody>" +
      "<%= tbody %>" +
    "</tbody>" +
    "</table>") ;

  function build(model, divName) {
    var tbody = "" ;
    _.each(model.tags, function(tag) {
      tbody += rowTemplate(tag) ;
    }) ;
    var table = repoTable({tbody: tbody}) ;
    $(divName).html(table) ;
  }

  return { "build": build } ;
}) ;

define（[“下划线”]），function（ux）{
var rowTemplate=u2;.template（“”+
"" +
""
"") ;
var repoTable=u0.template（“”）+
"" +
"" +
“名称媒体\u计数”+
"" +
"" +
"" +
"" +
"" +
"") ;
函数构建（模型、divName）{
var tbody=“”；
_.每个（型号标签、功能标签）{
tbody+=行模板（标记）；
}) ;
var table=repoTable（{tbody:tbody}）；
$（divName）.html（表格）；
}
返回{“build”：build}；
}) ;

我在TagTable中得到了和error，无法在表中显示Json数组。 错误： _.each（model.tags），function（tag）--未定义介质计数。

---

当我阅读de Json数组时，我发现有些地方不对劲，但我不知道如何解决这个问题。有什么想法吗？

在我看来，你希望

model.tags

是一个数组。然而，你得到的Json是一个对象，它有一个

数据

字段作为数组的值，你将整个对象分配给

model.tags

要将

model.tags

获取为数组，您应该分配

data

字段。因此，您应该执行以下操作：

$.getJSON("/api/tag/" + TagName, function(data) {
  model.exists = true ;
  model.tags = data.data; // Change this line!
})...

$.getJSON("/api/tag/" + TagName, function(data) {
  model.exists = true ;
  model.tags = data.data; // Change this line!
})...