人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jsonのHTML化について

この下のプログラムのようにして(じゃなくてもいいです)
Google+に投稿されている画像のフルサイズURLを出したいのですが
(fullImageの所のURLを取得したい)
階層がある場合の取得方法が分かりません
お願いします。


<html>
<head>
<title>Google+ API test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script language="javascript">
var apiKey = 'ここに自分のGoogle API Keyを入れてください';
function reloadActivityList() {
$.ajax({
type: 'GET',
dataType: 'jsonp',
url: 'https://www.googleapis.com/plus/v1/people/' + $('#userId').val() + '/activities/public?key=' + apiKey,
success: function(msg) {
$.each(msg.items, function() {
$('#activityList').append('<li>' + this.title + '</li>');
});
}});
}
</script>
</head>
<body>
<input type="text" id="userId"></input>
<button onclick="reloadActivityList();">Reload</button>
<ul id="activityList"></ul>
</body>
</html>

参考URL
http://www.sssg.org/public/index.php?Google%2B%20API





1336209956
●拡大する

●質問者: vas
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●100ポイント ベストアンサー

$.eachの中で取得するならたぶん

$('#activityList').append('<li>' + this.title + '<br><img src="' + this.object.attachments[0].fullImage.url + '"></li>');

オブジェクトならドット、配列なら[0]のように繋ぐだけです。

追記

https://gist.github.com/2601601



参考:Activities - Google+ Platform — Google Developers


Cherenkovさんのコメント
もうちょっとマシなサンプル書きます。

Cherenkovさんのコメント
追記しました。

Cherenkovさんのコメント
item.object.attachmentsは配列なので複数入る可能性があるのでeachで回してケアしてます。 attachmentは常に画像とは限らないのでobjectTypeで判定。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ