Tumblrの投稿をサイトの新着情報として読み込んでみる–JSON–

json

今回はJSONのご利用です。
そして、読み込む対象はテキストだけ!
jsとかそうゆうHTMLじゃないものはなんとなくしか分からん程度の人です。私。
昔、若かりし頃は、VBとかASPとかの時代に3ヶ月くらい学校かよってましたが
言語もちゃうし、自分ではもうさっぱりかけない。

◆スクリプト
これを記述したい箇所にいれるだけー。

http://yayoix.tumblr.com/api/read/json?num=5&type=text

↑ 1行目の「yayoix.tumblr.com」ここを自分のに変える。
じゃないと私のステキなはずかしい記事が投稿されちゃいますよと。

json?num=5&type=text

これは、テキストを5件表示ですという意味。
空タイトル対応していません。はい。なせなら、テキストしか読み込まないからです。
写真とかは、たぶん予想、regular-titleに対応するデータはないんだよね?
なので写真とかは記事タイトルひろってこれないんだよねーー。

<script type="text/javascript" src="http://yayoix.tumblr.com/api/read/json?num=5&type=text"></script>
<script type="text/javascript" src="js/jquery.json-2.4.js"></script>

<script type="text/javascript">// <![CDATA[
show_number = 5; 
for (i = 0; i < show_number; i++) {
label = tumblr_api_read["posts"][i]["regular-title"];
url = tumblr_api_read["posts"][i]["url"];
date = tumblr_api_read["posts"][i]["date-gmt"].substr(0, 10).split("-").join("/");
document.write('<li><a href="', url , '"><span>'+date+'</span>  ' , label , '</a></li>');
}
// ]]>
</script>

◆参考サイト
大変お世話になったサイト。勉強させていただきました。
こういう表示もさせたいです。はい。カテゴリーごとに表示、タイトル空処理まで。
すてき!jsonの存在もおしえていただきました。
タンブラーって記事の検索できないんですかね??
http://seven-color-tears.tumblr.com/post/21720175228/tumblr

json.jsのDL先がぜんぜんみつけれないところに天使のようなブログ。
こちらのサイトでダウンロード先とjsonってなにしてんの??なにすんの?
ってことをさっくり学びました。ありがとうございます。

記事:jQueryを使ってPHPとJSON形式のデータをやり取りする方法
http://se-suganuma.blogspot.jp/2010/01/jqueryphpjson.html


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">