JSONPを使ってJavaScriptだけでマッシュアップ

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!地図の開発を担当しています前田博敏です。 今回は、JavaScriptから外部サイトのWeb APIを直接呼び出すことができる、JSONPという手法について紹介させていださきます。 JSONPとは JSONPとは、JavaScriptの外部ファイル読み込み（「script」タグとその「src」指定）を利用して、ドメインの異なる外部サイトのデータを読み込む手法のことを言います。 JSONPを利用するには、呼び出される側のWeb APIがJSONP形式に対応している必要があります。 Yahoo!デベロッパーネットワークでは、現在のところローカルサーチAPIとショッピングAPIが、JSONP形式に対応しています。

[serian]

引数をセットしてコールバック

[prototechno]

メモ

[makoto0327]

yahoo!japanをjsonpで

[haseharu]

jsonp

[stealthinu]

jsonp使うことでjavascript内から外部URLを呼び出して結果を利用できるやり方解説。とても参考になった。これでtwitter検索の結果をjavascriptで表示できる。

[kiyo1978]

Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Ftechblog.yahoo.co.jp%2Fcat207%2Fweb_1%2Fjsonpjavascript

[o6c6h6i]

マッシュアップ

[MinazukiBakera]

これアプリケーションIDは第三者に見えますよね? http://help.yahoo.co.jp/help/jp/developer/developer-06.html には第三者に見られては駄目だとありますが……。要確認。

[naga_sawa]

JSONP

[dyamashiro]

なんかスッキリした

[denken]

びみょうにタイムリー

[kkeisuke]

JavaScriptから外部サイトのWeb APIを直接呼び出すことができる、JSONPという手法。JSONPとは、JavaScriptの外部ファイル読み込み（「script」タグとその「src」指定）を利用して、ドメインの異なる外部サイトのデータを読み込む手

[poafag]

JSONP　サンプル　API

[rawwell]

"Ajaxの実装方法として、XMLHttpRequestを用いた方法が一般的によく知られていますが、この方法ではブラウザの制限があるために、ドメインの異なるURLのWeb APIを直接呼び出すことができません。 そのため、外部のWeb APIをプロ

[nilab]

「ローカルサーチAPIを利用して、入力された施設の住所を表示するプログラムを書いてみます」JSONPを使ってJavaScriptだけでマッシュアップ (Yahoo! JAPAN Tech Blog)

[boyasan]

なるほどー

[efcl]

JSONPを使ったサンプル

[inurota]

実に正統的なTechBlog記事

[ko-ya-ma]

JavaScriptから外部サイトのWeb APIを直接呼び出すことができる

[yoshi_00_yoshi]

サンプル　ダウンロードプログラム　あり