2011-07-09 7 views
0

であるページを表示する方法こんにちは私は、ページのindex.htmlにDIVを持っている:は、DIVは、jQueryの

<div id="form"></div> 

は今、私はそのDIV内の別のページを表示するためにjQueryを使っての方法が必要です。 私は呼び出してロードする必要があるページはcontact.phpです これは簡単なHTML + PHPのコンタクトフォームです。 DIVがあるindex.htmlページ内のcontact.phpの内容をjQueryでロードする方法はありますか? ご協力いただきありがとうございます!

答えて

0
$("#form").load("contact.php"); 

jQueryのload関数は(contact.phpから、この場合に)サーバからデータをフェッチし、そのデータを用いて(この場合#formに)選択された要素の内容を置換します。

ロードするページにデータを渡すこともできますし、完了時に実行されるコールバック関数を提供することもできます。

詳細については、jQuery APIを参照してください。

+0

contact.phpが「」、「」などのタグを発行するように設定されているとどうなりますか? –

+0

このソリューションは、contact.phpファイル内のすべてのJavaScriptコードを削除しています。これを避けるにはどうすればいいですか? –

+0

ストリップが正確ではありません。それは、ロードされたページ内のJavaScriptコードを完全に削除します。これを行うにはどうしたらいいですか? –

-1

おそらく要素を使用します。

<iframe id="form" src="contact.php"></iframe> 

これはあなたのindex.html内の別のフレームにcontact.phpをロードします、とあなたは<div>のスタイルを設定するのと同じ方法で、iframe#formのスタイルを設定することができます:それは次のようになります。

+0

これはjQuery、またはJavaScriptと何が関係していますか? –

+0

私はiframeを認めなければなりません、それはまったく最善の解決策ではありません。 –

+0

@JamesそれはOPの問題の解決策ではありません。動的負荷が実際に必要であるという記述からは明らかではない。 –