JSON解析將不會執行與JavaScript

Question

這是我目前的代碼，任何幫助將不勝感激。我需要調用我的listApp.json文件並解析它。我想顯示我目前有一個鏈接的列表。我對此很陌生。

<script type = "text/javascript"> 
// If the .js files are linked correctly, we should see the following output inside the JavaScript Console 
console.log("starting..."); 

// Gets the .json file and applies the function 
var json; 
    // When the document is ready then run the function 
    $(document).ready(function(){ 
    // Standard jQuery ajax technique to load a .json file 
    $.ajax({  
     type: "GET", // Requests data from a specified resource 
     url: "include/listApp.json", // Gets the file on which the url is directed to 
     dataType: "json", // Data Type needs to be json in this case. This can be xml 
     success: jsonParser // If successful then run the, 'jsonParser' function 

    }); 
    }); 
// Actual parse function 
function jsonParser(data) { 
    JSON = data; 

    $(JSON).find("games").each(function(){ 
     games = $(this); 
     var name = $(games).find("name").text(); 
     var url = $(games).find("url").text(); 
     var id = $(ganes).find("id").text(); 

     console.log(name); 
     // Appends list + link + name 
     $("#myList").append('<li>'+ "<a href ="+url+">"+name+"</a>"+'</li>'); 
     $('#myList').listview('refresh'); 
     $("#pages").append('<div data-role="page" id = "'+ id +'"><img src = '+ url +'> test</div>'); 

     }); 

    } 

</script> 

Answer 1

由於data是一個對象，則可以使用data.listApp.games訪問games陣列和迭代它使用$.each()結束，則循環回調裏面，你會在遊戲對象作爲第二PARAM並且可以使用成員操作者訪問其屬性

function jsonParser(data) { 

    $.each(data.listApp.games, function (i, game) { 
     var name = game.name; 
     var url = game.url; 
     var id = game.id; 

     console.log(name); 
     // Appends list + link + name 
     $("#myList").append('<li>' + "<a href =" + url + ">" + name + "</a>" + '</li>'); 
     $('#myList').listview('refresh'); 
     $("#pages").append('<div data-role="page" id = "' + id + '"><img src = ' + url + '> test</div>'); 

    }); 

}