如何從json數據的輸出中獲取特定的數據？

Question

我有一組json數據已經通過url輸出。數據有不同的級別，我需要訪問一個級別，然後在jquery循環中使用這些數據來操作一些函數。

JSON的URL輸出數據是這樣的：

{ 
"id": 32, 
"title": "sascas", 
"synopsis": "<p>cxcxcx</p>\r\n", 
"body": "<p>cxccxxc</p>\r\n", 
"created_at": "2014-09-25T14:12:06.345Z", 
"updated_at": "2014-09-25T14:12:06.345Z", 
"author": { 
"name": "A test author", 
"biography": "/system/authors/avatars/000/000/024/original/photo.JPG?1411472688", 
"id": 24 
}, 
"schools": { 
"schools": [ 
{ 
"id": 5, 
"school_name": "Another london school Inner Circle Regent's Park, London", 
"website": null, 
"book_id": 32, 
"created_at": "2014-09-25T14:12:06.413Z", 
"updated_at": "2014-09-25T14:12:06.413Z" 
}, 
{ 
"id": 6, 
"school_name": "city of london school 107 Queen Victoria St London", 
"website": null, 
"book_id": 32, 
"created_at": "2014-09-25T14:12:06.417Z", 
"updated_at": "2014-09-25T14:12:06.417Z" 
} 
] 
} 
} 

我基本上是試圖訪問只在一個js函數中這個循環的學校數據。目前該功能使用每個循環並將標記添加到地圖上。我想知道的是，我的功能只能獲取學校數據嗎？這是我爲它js函數：

var initMap = function() { 

# The url that is generated in the html for me to grab 
var info = $('#map').data('book-title'); 
$.get(info, {}, function(response) { 
setMarkers(map, response); 
# some other js stuff for map here inside the $get 
}, 'json'); 

} 

在setmarkers功能

然後，我有這樣的：在控制檯

function setMarkers(map, json) { 
jQuery.each(json, function (index, city) { 
var school = city['schools']; 
console.log(school); 
}); 
} 

在輸出我得到這個：

[Object, Object]0: Object book_id: 32 created_at: "2014-09-25T14:12:06.413Z"id: 5school_name: "Another london school Inner Circle Regent's Park, London" updated_at: "2014-09-25T14:12:06.413Z" website: null__proto__: Object__define Getter__: function __defineGetter__() { [native code] }__defineSetter__: function __defineSetter__() { [native code] }__lookupGetter__: function __lookupGetter__() { [native code] }__lookupSetter__: function __lookupSetter__() { [native code] }constructor: function Object() { [native code] }hasOwnProperty: function hasOwnProperty() { [native code] }isPrototypeOf: function isPrototypeOf() { [native code] }propertyIsEnumerable: function propertyIsEnumerable() { [native code] }toLocaleString: function toLocaleString() { [native code] }toString: function toString() { [native code] }valueOf: function valueOf() { [native code] }get __proto__: function __proto__() { [native code] }set __proto__: function __proto__() { [native code] }1: Objectbook_id: 32created_at: "2014-09-25T14:12:06.417Z"id: 6school_name: "city of london school 107 Queen Victoria St London"updated_at: "2014-09-25T14:12:06.417Z"website: null__proto__: Objectlength: 2__proto__: Array[0] 

我需要訪問該陣列中的特定數據，即school_name。這可能嗎？

Answer 1

console.dir(school) 

- 可以讓您更清楚地瞭解您所看到的內容。

正如另一張海報所說，由於學校是一系列學校，你最好打賭是迭代。您可以通過jQuery或JavaScript中的標準循環來使用您當前在其他地方使用的.each方法。

for (var i = 0; i < schools.length; i++) { 
    //Party with stuff in here 
} 

祝你好運！

Answer 2

這jQuery.each將打印數據的學校：

jQuery.each(response.schools.schools, function (i, school) { 
     console.log("id " + school["id"] + ", school_name: " + school["school_name"] ); 
    }); 

或替代

jQuery.each(response.schools.schools, function (i, school) { 
    console.log("id " + school.id + ", school_name: " + school.school_name ); 
}); 

打印：

ID 5，school_name：另一個倫敦學校金環攝政公園，倫敦

id 6，school_name：倫敦城市學校107 Queen Victoria St Lon don

注意我的fiddle沒有JSON請求。