ajaxクロスドメイン対策 jsonpメモ

大分いまさらながらjsonpについてメモです。
通常javascriptで外部ドメインにて処理した結果を返してもらうのは、できないが、
jsonpを利用することで、外部ドメインの処理結果を利用することができます。

下記に最低限必要と思われる例コードをメモします。

http://外部ドメイン/?callback=callback 下記みたいなフォーマットで

callback({"title":"testtitle","count":"5320","url":"https://matsudapress.com/"});

埋め込みたい自サイトは、

処理結果をいただく部分は、

とすれば外部ドメインのデータを引っ張ってくることができます。
また、結果を受け取るcallback関数内で、呼び出しもとのJSを削除すると長いコードを隠せてきれいなコードにすることもできます。

最近では、jqueryでもっと簡単に利用することができますが、ベタでJSを書く必要がある場合は、
ちゃんと動作を理解しておくと役にたつかと思います。

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください