【javascript】iframeとハッシュタグを使ってクロスドメインでデータ渡し 2011-09-30 23:52:22 Fri 概要 下記は、HTML5が利用できるのであれば、postMessageを利用すれば解決できます。 HTML4などを利用する人が対象です。 やろうとしていることは、親ウィンドウで異なるドメインのHTMLをiframeに読みこみ、 異なるドメイン内で取得した値を親ウィンドウに伝達させることです。 なお、この方法ではハッシュタグを使っているため、 javasciptでのオブジェクトなどは渡せず、 外部通信が発生しているため個人情報や機密情報も渡すことはできないと考えていて良いかと思います。 そもそもなぜこんなことをやろうとしたかというと、 GoogleAppEngine上で会員のログイン処理を作ることになり、 そのサイトは独自ドメインを割り当てています。 しかし、
なぜにこんなことを。 クロスドメインでAjax的なことをしようとしたら、怒られまくって困った。 いろいろ調べてみたら、postMessageがスマートで面白いのでメモ。 JSONPでもできなくはなかったけど、イマイチ面倒なのと面白くなかったので。 ちなみに、これを調べたきっかけはHerokuとAmazonのS3でやり取りするため。 はじめに postMessageは、安全にクロスドメイン通信をするためのメソッドだそうで。もちろんJavaScriptでやる。 よくわかる解説： https://developer.mozilla.org/ja/DOM/window.postMessage やろうとしたこと Herokuで実装したJavaScriptのAPIと、AmazonS3においたHTML（JavaScript）とでおしゃべりしたい。 AmazonS3のHTMLは実際にはiframeの子とし
HTMLでJSを使用したクロスドメインのやりとりにはいくつか方法がありますが、 サーバーサイドを介さない方法として、iFrame内iFrameの方法を紹介します。 通常、別ドメインのiFrameには親ページからアクセスできませんが、 iFrame内に親ページと同じドメインのiFrameを配置することにより別ドメインの子から親ページへパラメータを渡すことができます。 構成は以下の通り 親のページ(http://www.memorycraft.jp/parent.html) <html> <head> <title>parent</title> <script type="text/javascript"> <!-- function change(param){ document.getElementById("note").innerHTML = param; frames[0].
Serveltのフィルタを使う場合 私のWebサービスはJavaのサーブレットで作成しているので、フィルタを作って、Servletのレスポンスに上記のヘッダを付加してあげることにしました。 こんな感じです。 public class CorsFilter implements Filter{ public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletRequest req = (HttpServletRequest)request; HttpServletResponse res = (HttpServletResponse)response; res.setHeader
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
