将JSON数据解析为HTML

时间:2017-08-30 18:54:09

标签: jquery ajax

我正在尝试输出data.json文件的结果,但我一直得到错误的输出。起初我得到[obj obj],但我尝试了这种方法,似乎得到了索引。

我甚至从JSON文件中删除了外部花括号和游戏标题,但仍无效。目前,我只是试图控制游戏标题,但想法是输出整个事物。

//my JSON is in a different file

{
  "games" : [
    {
      "gameImg"   : "img/deathstranding.jpg",
      "gameTitle" : "Death Stranding",
      "gameInfo"  : "some game info"
    },
    {
      "gameImg"   : "img/deathstranding.jpg",
      "gameTitle" : "Death Stranding",
      "gameInfo"  : "some game info"
    }
  ]
}

// JS

function init2() {
    $.ajax({
        url: "js/data.json",
        type: "GET",
        dataType: "json",
        async: false,
        success: function (data) {
          JSON.stringify(data);
          $.each(data, function( val ) {
          var items = [];
          items.push( "<li>" + val + "</li>" );
          console.log('gameTittle:', items);
        });
      }
    });
}
init2();

1 个答案:

答案 0 :(得分:0)

$.each(data, function( val ) {}

这里你犯了一个错误,$ .each函数中的第一个参数是一个索引,第二个是实际值,将其改为:

$.each(data, function( index, val ) {...}

文档:jQuery.each()