タグ別アーカイブ: JSONP

WordPress で特定キーワードの検索結果をリスト表示する

WordPress で生成される URL には、たいていの物に RSS フィードが生成されます。
例えば「claudia」で検索した結果は、以下の url で参照できますが

dogmap.jp を「claudia」で検索した結果
https://dogmap.jp/?s=claudia
 

© 2011 Microsoft Corp. All Rights Reserved.

これの RSS フィードは、以下の URL から取得できます。
https://dogmap.jp/feed/?s=claudia
これと Google Ajax Feed API を利用すると、JavaScript でリスト表示することができますね。
参考: Google AJAX Feed API

また、私が作った Feed JSON プラグインを使えば JSON で出力できるので、さらにらくちんです。
生成される JSON Feed は、こんな感じ。
https://dogmap.jp/feed/json/?s=claudia

続きを読む

WordPress で JSON 形式のデータを吐き出すプラグイン Feed JSON

WordPress で JSON, JSONP 形式のデータを吐き出すプラグイン WordPress › Feed JSON を公式プラグインディレクトリで公開しました。
ダウンロードは、以下から。
WordPress > Feed JSON « WordPress Plugins

このプラグインを導入することで、<script type="text/javascript" src="https://dogmap.jp/feed/json?callback=callback"></script> みたいな感じで呼び出してやれば、JSONP 形式で最新記事の一覧を取得できます。
これで、簡単に他サイトや静的HTML上に簡単に更新情報を表示できるようになります。
詳しいやり方は、以前のエントリを参考にしてください。
WordPress の更新情報を JSONP 形式で出力 : dogmap.jp
続きを読む

WordPress の更新情報を JSONP 形式で出力

さて、昨日のエントリの続き。
「Googlle AJAX Feed API なんて外部のサービスに依存したくないんじゃ!」という人のために、昨日と同様のことを自前で行うための方法。

WordPress の更新情報を JavaScript で取得して表示するには AJAX と呼ばれる技術を使います。
しかし、http を通してデータを読み込むための XMLHttpRequest では、制限として別ドメインのデータを読み込むことができません
これを回避する方法が JSONP です。
hiromasa さんが、昨日のエントリにトラックバックしてくれた静的 HTML に WordPress を埋め込む方法を用いて JSONP 形式で、WordPress の最新記事を取得してみましょう。
続きを読む