如何在JavaScript中加載和打印JSON數組/對象
[英]How to load and print json array/object in javascript
問題描述
我沒有任何json和d3知識（剛剛開始閱讀幾個小時），但是具有非常基本的javascript知識。 我必須加載json文件並使用d3在控制台上打印所有數組和對象。 我想知道是否有人可以幫助我解決問題。 其實，我做到了，但不起作用:(我的json文件。
{
"addressfile": "info",
"struct": {
"address": [
[
"A",
"B",
],
[
"B",
"C",
],
],
"address1": {
"address2": {
"address3": {
"zip": [
"NUMBER",
0
]
},
"address_type": "Home"
},
}
},
"COUNTRY": {},
}
我的JavaScript代碼...
<!DOCTYPE html>
<meta charset="utf-8">
<style>
<body>
<script>
//LOADING JSON FILE
d3.json("address.json", function(error, root) {
if (error) return console.error(error);
for (var p in location) if (location.hasOwnProperty(p)) {
console.log(p + " : " + location[p]);
}
}
</script>
</body>
</html>
請幫我解決...
3 個解決方案
解決方案1
0 2014-11-06 15:57:07
嘗試
d3.json("appinfo.json", function(location) {
我知道文檔說回調函數有兩個參數，在我最近使用d3版本3.4.13的項目中，僅當我僅將data參數傳遞給回調函數時，回調函數才有效。
解決方案2
0 2014-11-06 22:21:09
您的代碼缺少右括號-）；
正確的代碼是：
<script>
d3.json("appinfo.json", function(error, root) {
if (error) return console.error(error);
console.log(root) // output -your JSON data as pojo
//for (var p in location) if (location.hasOwnProperty(p)) {
// console.log(p + " : " + location[p]);
//}
});
</script>
- 確保在d3.json（）的第一個參數中將正確的url寫入json文件。
- 確保appinfo.json包含正確的json對象，您可以在http://jsonlint.com/上對其進行測試
解決方案3
0 2014-11-07 15:58:04
謝謝大家。.經過努力后，我得到了解決方案..解決方案：瀏覽器不支持外部Json文件..所以我需要使用Web服務器。 然后，我可以在控制台中看到它的輸出。 最終代碼：
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
</head>
<body>
<script>
d3.json("address.json", function(location) {
console.log(location)
});
</script>
</body>
</html>
希望它可以幫助別人在幾分鍾之內解決問題，而不是像我這樣的小時。
如何在 javascript 中打印此 json object？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.