JSONデータをHTMLにパーズする

Question

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(); 

ここ

Answer 1

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

あなたが間違いを犯しているが、最初のパラメータは$ .each関数内のインデックスであり、第二には、それを変更し、実際の値である：

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

ドキュメント： jQuery.each()