解析JSON數據到HTML

-1

我想輸出一個data.json文件的結果，但我不斷收到錯誤的輸出。起初我得到了[obj obj]，但我嘗試了這種方法，並且它似乎正在獲取索引。解析JSON數據到HTML

我甚至從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();

來源

2017-08-30 Lucky500

你爲什麼要'stringify'？ –

我知道，我不需要，我只是在嘗試不同的東西 – Lucky500

@ Lucky500已經有一個關於這個SO [這裏]的答案（https://stackoverflow.com/questions/9362446/how-cani-i-遞歸地創建一個ul-lis-from-json-data-multiple-layers-deep）如果這個解決方案有效，upvote作者回答!!! –

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

在這裏，你犯了一個錯誤，第一個參數在$。每個函數是一個指數，第二個是實際值，將其更改爲：

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

文檔： jQuery.each()

來源

2017-08-30 19:02:29 Melcma

解析JSON數據到HTML

回答

相關問題