別サイトの特定のフレームへPOSTする

Question

別サイトの特定のフレームへPOSTすることは可能でしょうか？

あるサイトがあります。
http://hogehoge.com/kensaku/index.html

このページは親フレームとなっており、
header, side, mainの３つの子フレームがあります。

そのページのmainのフレームへPOSTしたいのですが、
記述方法が違うのか、そもそも不可能なのかわかりませんが、
うまくいきませｎ

＜やったこと１＞
methos="post"
action="http://hogehoge.com/kensaku/index.html"
target="main"
■結果：htmlはPOSTを受け取れないのでエラー

＜やったこと２＞
methos="post"
action="http://hogehoge.com/kensaku/kensaku.cgi"
target="main"
■結果：値は受け取れたが、子フレームが直接表示される。

知恵をおかしください！

ralf124c · Accepted Answer

遅くなって申し訳ありません。回答が付いていたんですが検証が遅くなってしまって・・・。とりあえず参考用スクリプトを以下に記述いたします。 TEST
試験フレームのみ【ページ開く】
試験フレームのみ【フレームチェック】

参考URL：http://hiroba.kodate.jp/qa5037537.html

ralf124c · Answer

JavaScriptでPOSTしなおす手法を各種ブラウザでいろいろと検証してみました。
ブラウザでできないものとできるものとに分かれました。
可能なもの
　IE 8
　Netscape 7.1
　FireFox 3.0.10
　Opera 9.63
IEとネスケはほとんど問題ありませんが後者2種はwindow.openのあと、フレームオブジェクト生成に微妙なズレが発生します。
window.openの後に「　while(typeof(WinDetail.main01) != 'undefined');　」等と入れてオブジェクト生成まで待ったをかけてやると正常に動いてくれます。
ただ、この例みたいにwhileだけだとオブジェクト生成に万一失敗した場合、永久ループに入ってしまいますのでtimeoutでbreakしてやるプログラムを組み込んでやると良いでしょう。

反対に不可能なもの
　Safari 3.1.1
　GoogleChrome 2.0.172.31
上記の２ブラウザはwindow.open直後はいっこうにフレーム名オブジェクトが定義されず(バグ？)、この手法での解決に至っておりません。

とりあえず、JavaScriptのコーナーで回避策を問い合わせておりますが解答が付くものかどうか。

ralf124c · Answer

IE8とNetscape7はOKでしたが
Chrome,Opera,Safari,Firefoxには別窓フレーム名扱いにバグ(あるいは故意)があるみたいでNGでした。
かくなる手段として
今までのように相手側を変更しないのなら呼び出す側にフレーム表示するCGIを作って置くか、相手側変更可能でも工数的には変わらない相手側index.htmlを前者と同様のCGIに変えてフレーム表示させるかしかないと思います。
イメージとしてこんな感じ(プロポーショナルフォントだとずれるかも)
　　　自由に利用できるサイト側にフレームを表示するCGI を置く　　　　
　　　　　　送信データからOnLoadで自動送信するHTMLを　　　　　　　　
　　　　　　サーバに吐き出して( 仮にABC.HTML) からこ　　　　　　　　
　　　　　　フレームを表示する機能を持つこととする　　　　　　　　　
　┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓　
　┃http://hogehoge.com/kensaku/index.html　　　　　　　　　　　┃　
　┃で呼ばれるheaderのURL　　　　　　　　　　　　　　　　　　　 ┃　
　┠─────┬────────────────────────┨　
　┃http://hog│　　　　　　　　　　　　　　　　　　　　　　　　┃　
　┃ehoge.com/│　　　　　　　　　　　　　　　　　　　　　　　　┃　
　┃kensaku/in│　　事前に動的に吐き出したABC.HTMLを指定して　　┃　
　┃dex.html　│　　http://hogehoge.com/kensaku/kensaku.cgi　　 ┃　
　┃で呼ばれる│　　にデータを自動送信し間接的に表示させる　　　┃　
　┃sideのURL │　　　　　　　　　　　　　　　　　　　　　　　　┃　
　┃　　　　　│　　　　　　　　　　　　　　　　　　　　　　　　┃　
　┗━━━━━┷━━━━━━━━━━━━━━━━━━━━━━━━┛　

参考になりますでしょうか？

ralf124c · Answer

多重投稿、すいません。
IE以外のブラウザだとうまくいかないようです。
今しばらくお待ちを。

ralf124c · Answer

詳細な説明のおかげで多分わかりました。
呼ばれる側に手を加えられないという条件でなら、JavaScriptを使うという条件つきで可能です。
FORMタグのnameを「f」とした場合(もちろんメソッドはPOST)

  function callWin(){
    // サイズ横800縦700の空の窓を「NewWin」という名前で開きます。
    var WinDetail = window.open("http://hogehoge.com/kensaku/index.html","NewWin","width=800,height=700,scrollbars=1");
    WinDetail.focus();
    document.f.action = "http://hogehoge.com/kensaku/kensaku.cgi";
    document.f.target = "main";
    document.f.submit();
  }

のように

事前に対象ページをJavaScriptで開き
対象のフレーム名をターゲットにsubmitする
関数を呼び出す

のが手っ取り早いかも。

条件など微妙に異なる様でしたらごめんなさい。

okmotokun · Answer

＞ 別サイトの特定のフレームへPOSTすることは可能でしょうか？
可能か、不可能か、という以前に「フレームへPOSTする」という構文が成立しません。

ご質問の意を推測すると、
(1) Aサイトのindex.htmlは、header, side, mainの3フレームを構成し、mainフレームは kensaku.cgiでPOSTされたキーワードで検索した結果を表示するようになっている。
(2) Bサイトのページにある Aサイトの検索ホームからキーワードをPOSTすると検索結果だけが表示されるが、そうではなく(1)のフレーム構成でmainフレームに検索結果を表示することは可能か。
ということではないかと思います。

そうだとすれば、やり方はいろいろあります。
たとえば、BサイトからのPOSTに対してindex.htmlに相当するフレーム構成データを返すようにして、このときmainフレームのsrc属性値をkensaku.cgi?keyword=%E3%83%AF%E3%83%BC%E3%83%89 としてやるとか、、、

ralf124c · Answer

質問に対する質問でたいへん申し訳ありません（ご立腹されるかもしれませんが下記の文がどうしてもわかりません）。
> 子フレームで表示して欲しいページがブラウザ上に直接表示されてしまいます
・mainというフレームに結果表示が欲しいのにページ全体が書き換わってしまうということでしょうか？
・または、ページにある３つのフレーム(header, side, main)に４つ目を確保してそこに結果表示させたいのでしょうか？
・それとも新しいブラウザを別窓で開いてそこに結果表示させたいのでしょうか。
「親」とか「子」は状況によって立場が変化しますのでフレーム名で説明していただけたほうがわかりやすいと思います。
また、CGIを呼ぶ側のフレーム名とその手法(<form>タグ/JavaScript/その他)も添えていただきますと解決の糸口になるかと思います。

ralf124c · Answer

文章中以下の1文のせいで、質問の意図が汲み取れないのですが
> ■結果：値は受け取れたが、子フレームが直接表示される。
これは、「POSTできている」ということは「可能」という質問に対する結果が出ているというようにとれるのですが、
また、「子フレームが直接表示される」でそうなって欲しくない別の結果を望んでいてそうするにはどうすればよいの
かというタイトルと異なる別の質問を提起しているようにも思えます。

大きく勘違いしているのが、クライアントサイドとサーバサイドの区別がごっちゃになっている点なので整理しましょう
・フレームはクライアントサイドにおけるブラウザの表示形態です
・POSTはサーバに送信されるデータの手段形式です
ここでわかるように「フレーム」と「POST」は送信データにおける(取り扱う人間の)主観的関連性は有りますが、技術的機能的に関連しているものでは有りません。

質問の意図は
「特定のCGIにPOSTしたデータから処理の結果」を「特定のフレームに対して表示したい」
ということでしょうか？
ただそれなら「＜やったこと２＞」で実現できていると思うのですが・・・。

最終的にどうなって欲しいのかをもう少し具体的にお願いいたします。

別サイトの特定のフレームへPOSTする

遅くなって申し訳ありません。

JavaScriptでPOSTしなおす手法を各種ブラウザでいろいろと検証してみました。

IE8とNetscape7はOKでしたが

多重投稿、すいません。

詳細な説明のおかげで多分わかりました。

＞ 別サイトの特定のフレームへPOSTすることは可能でしょうか？

この回答への補足

質問に対する質問でたいへん申し訳ありません（ご立腹されるかもしれませんが下記の文がどうしてもわかりません）。

この回答への補足

文章中以下の1文のせいで、質問の意図が汲み取れないのですが

この回答への補足

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

＞別サイトの特定のフレームへPOSTすることは可能でしょうか？