2011-07-01 52 views
2

在閱讀了一些問題之後,我仍然難以通過JSON結果進行循環。 在這裏,他們是:使用jquery的JSON循環

{ 
    "data": { 
     "posts": [ 
      { 
      "Post": { 
       "id": "1", 
       "user_id": "1", 
       "title": "Test Content", 
       "created": "2011-06-30" 
       } 
      }, 
      { 
       "Post": { 
       "id": "2", 
       "user_id": "2", 
       "title": "New Test Content", 
       "created": "2011-06-30" 
       } 
      } 
     ] 
    } 
} 

如何Post.title使用$。每()我得到什麼?

+4

如果您正確縮進,這將有很大幫助。 – sje397

+0

縮進完成 –

+1

@SimpleCoder - 差不多;) – sje397

回答

6
$.each(jsonObject.data.posts, function(index, val){ 
    alert(val.Post.title); //Do what you want to the title 
}); 
+0

嗨!要求答覆。做你的建議是給我一個「一個未定義」的調試......它是因爲它是空的? – pedrosss

+0

@pedrosss保存json數據的對象是什麼? –

+0

我正在做一個$ .getJSON('url-here',函數(數據)和retreiving結果如問題中所示... – pedrosss

2

以下是使用jsFiddle的示例。

實施例的目標,以輸出值:

<div id="output"></div> 

jQuery的電話對象,迭代 「職位」。

/* Create an Object from your JSON data, added based on comment about return results via URL */ 
var dataObj = JSON.parse(<put your JSON data here>); 

$.each(dataObj.data.posts, function(idx, val) { 
    /* Show ID */ 
    $('#output').append($('<p></p>').html('ID = ' + val.Post.id)); 

    /* Show Title */ 
    $('#output').append($('<p></p>').html('Title = ' + val.Post.title)); 
}); 
+0

感謝您的回答,但它返回錯誤,因爲我不知道要放在「dataObj」,(即時通過json谷URL) – pedrosss

+0

你的結果應該是一個JSON數據,你應該使用JSON.parse()函數將數據解析爲一個對象,您可以在[JSON.org](https://github.com/douglascrockford/JSON-js)上獲得官方的JavaScript JSON庫。 – Zachary