RSSを取得してJSONPで返すはてなブックマークに追加

RSSを取得してJSONPで返すよーなプログラムを作ってみた

スポンサード・リンク

説明

はじめに

JSONPを用いてRSS情報を取得することにより、javascriptでRSSをある程度操作(といっても表示だけだが)できるよーなものを作ってみた
サンプルなどを見ると実際の利用方法がわかると思われるっす。
この方法を利用すれば、RSSに関するブログパーツとかも自分で簡単に作れるかもね。

呼び出し方法:

各種パラメータの説明
エンドポイントURIhttp://www.usamimi.info/~ryouchi/rssjson/js/
パラメータ:uri取得するRSSのURI
パラメータ:callbackJSONPを取得後処理されるjavascriptのコールバック関数
戻り値(JSONP)
obj[0].channel.linkRSSのChannelのlink情報
obj[0].channel.titleRSSのChannelのtitle情報
obj[1].item[i].titleRSSの各アイテムのtitle情報
obj[1].item[i].linkRSSの各アイテムのlink情報
obj[1].item[i].descriptionRSSの各アイテムのdescription情報
obj[1].item[i].["dc:date"]
または
obj[1].item[i].pubDate
RSSの各アイテムの更新日時(存在しない場合もある)
戻り値のサンプル
uri:http://rss.rssad.jp/rss/markezine/new/20/index.xml
callback関数:showrss
の場合
http://www.usamimi.info/~ryouchi/rssjson/js/
?callback=showrs&uri=http://rss.rssad.jp/rss/markezine/new/20/index.xml
詳しい利用方法については、サンプルを見るとよいかと思われる。
スポンサード・リンク

RSSのURIを指定して表示するサンプル

実行例:

JSONPリクエストURL:
RSS取得結果:
スポンサード・リンク

プルダウンでRSSを表示するサンプル

実行例:

JSONPリクエストURL:
RSS取得結果: