FC2ブログ

外部フィールドの内容を表示

外部フィールドの内容を表示

http://dotinstall.com/lessons/basic_google_feed_api/9103
を参考に
Google Feed API の実践

https://developers.google.com/feed/v1/devguide?hl=ja#resultJson

Google Feed APIで取得されるJSONデータにどのようなものが含まれるか確認できる

まずは、前回作成したものを実行
java script console を使うので
chrome で実行する

実行したときには何も表示されないけど
気にせずに
Ctrl + Shit + i で
java script console を起動して
一番右の
Console タブをひらく

k.(anonymous function).o
と表示されているので

左側の▼をおすといろいろと出てくる

この中の feed->entries
ここに、実際に Feed に対する
タイトル
URLなど、様々な情報が格納されている

このデータを使って
feed のタイトルを表示する

まずは表示領域の設定
var container = docment.getElementById("feed");

これで 要素を取得

また、表示する領域は
HTMLで div で作成する
今回なら
<div id="feed"></feed>
となる

そしてfor で処理
for(va i=0; i<result.feed.entrues.length;i++){
}

こうすれば、中身のぶんだけ繰り返す

あと、内部処理のところで
var entry = result.feed.entries[i];
としているのは
長いから entry という変数に格納している

var div = docment.createElement("div");
これでプログラム側で div タグをつくれる

さらに、div.appendChild(document.createTextNode(entry, title));
今回はテキストを表示するだけなので
entry, title にしている

そして、
container に追加するので
container.appendChild(div);
とする

スポンサーサイト



テーマ : プログラミング
ジャンル : コンピュータ

コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック