質問: Ajaxに未だ不案内であり、非同期通信ができるということしか知らず 抽象的に質問かもしれず申し訳ございませんがお伺いさせてください。 現在、下記のように左右のBoxA及びBoxBがあり、甲を見たい場合「甲を表示する」を選択することにより ページを遷移せずにBoxBにxxx.phpの内容を表示させたいと考えております。 もちろん、その後同じページで乙を見たい場合にはページを遷移することなく、「乙を表示する」を選択するにより 同様に閲覧可能という仕組みです。 もちろん、選択肢が少なく単純なものであれば 描写するdivを用意しておきJSでclickイベントでshow/hide等で切り替え表示すれば実現できますが 選択肢が非常に多く、表現するものが複雑なため、予めHTMLの要素にこれらを読み込ませておくのは 非現実的か思っております。 技術的にこのようなことが可能であるのか?また、このようなことを実装したい場合参考になるようなサイト等をご教示頂ければ 幸いわいです。 宜しくお願いいたします。 ``` 甲を表示する 乙を表示する ``` 改めて、より具体的な目的を書きに加筆させて頂きます。 単純化するつもりでアンカータグにしましたが、実際には外部のファイルの特定のタグをDOM(PHP)で抽出して表示させることが目的です。ユーザーの操作でboxAでkoというvalueを取得し、これを元に特定のディレクトリからko.phpをloadして、id="ko_1"のタグを取得し、BoxBに表示するということになります ko.php otsu.php
回答: 甲がxxx.phpで乙がyyy.phpだとしてそれをアンカーで呼び出せるようになっているということは それぞれがhtmlとして完結していると考えてよいですね? そうなると非同期で甲や乙のデータを持ってきても、もろもろの競合が発生するので BoxBに表示することは困難です。 あまりお勧めできませんがご希望の処理はiframeでなさるのが妥当です 追記 === xxx.phpやyyy.phpを部品として取り込むのであればこうしてください * mypage.htm ``` 甲を表示する 乙を表示する ``` * xxx.php ``` test test test ``` * yyy.php ``` test test test ```