通過getJSON獲取一個簡單的JSON數據的問題

即時變得瘋了。在接下來的教程中，doenst似乎很有用。通過getJSON獲取一個簡單的JSON數據的問題

你可以看看我的代碼。我只是想在我<ul>元素

我的索引頁

... 
<body> 
    <ul> 
    </ul> 
<div id="foo"> 
    <script language="javascript" type="text/javascript" src="js/jquery.js"></script> 
    <script language="javascript" type="text/javascript" src="js/custom.js"></script> 
</div> 
</body> 
...

我custom.js

$(document).ready (function() { 
    $.getJSON("json_data.json", function(data) { 
     $.each(data.emp, function() { 
      $("ul").append("<li>test:" + this['name'] + "</li><li>" + this['last'] + "</li>"); 
     }); 
    }); 
});

我json_data.json

{ 
    "emp": [ 
     { "name" : "bob", "last": "marley" }, 
     { "name" : "kurt", "last": "cobain" } 
    ] 
}

什麼時打印JSON數據我錯過了嗎？在我的Chrome開發者工具檢查>網絡我得到地位jquery.js和custom.js304不修改

我不知道這是否會影響我爲什麼取JSON不會工作。

來源

2013-09-26 bobbyjones

響應的外觀如何？在getJson回調中的console.log（data）和在控制檯中的cckck。 – Jite

嘗試從他們在其網站上提供的示例中提供jQuery的CDN鏈接。 – rach

@Jite沒有任何東西出現在我的控制檯中，我把它放在我的$ .getJSON（「json_data.json」，函數（data）{' – bobbyjones

請檢查評論中提供的小提琴。

var jsonString = {"emp": [{ "name": "bob", "last": "marley" },{ "name": "kurt", "last": "cobain" }]}; 

    $.each(jsonString.emp, function (key, value) { 
     alert(jsonString.emp[key]["name"] + jsonString.emp[key]["last"]); 
     $("ul").append("<li>" + jsonString.emp[key]["name"] + " " + jsonString.emp[key]["last"] + "</li>"); 
     console.log(key, value); 

    });

看來你需要鑰匙和價值。關鍵是索引和值是對象的尊重值。我希望這個對你有用。

來源

2013-09-26 16:52:47 rach

這是顯示這個http：// api的文檔.jquery.com/jQuery.each/ –

他的$ .each似乎很好...我懷疑緩存是在路上。 –

謝謝，添加'（key，value）'似乎解決了我的問題。非常感謝。但編號也喜歡問，爲什麼在YouTube教程中，他的代碼似乎在沒有'（key，value）'的情況下工作？但我的要求？ – bobbyjones

通過getJSON獲取一個簡單的JSON數據的問題

回答

相關問題