2011-07-09 262 views
0

你好我在頁面index.html的一個DIV:如何顯示一個網頁,一個DIV是用jQuery

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

現在我需要使用jQuery的方式表明DIV內的另一個頁面。 我需要調用並加載的頁面是contact.php 它是一個簡單的HTML + PHP聯繫表單。 有沒有一種方法來加載jQuery的contact.php的內容在DIV是index.html頁面? 感謝您的幫助!

回答

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

jQuery的load功能從服務器(在這種情況下,從contact.php)獲取數據並替換(在這種情況下#form)與該數據所選擇的元件的內容。

如有必要,您還可以將數據傳遞到正在加載的頁面中,並提供一個將在完成時執行的回調函數。

欲瞭解更多信息,請參閱jQuery API

+0

如果contact.php設置爲發出'',''等標籤,該怎麼辦? –

+0

此解決方案將刪除contact.php文件中的所有javascript代碼。我如何避免這種情況? –

+0

剝離不準確。它完全刪除加載頁面內的任何JavaScript代碼。如何避免.load這樣做? –

-1

您可能想要使用元素。這將是這個樣子:

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

這將在您的index.html內的獨立的框架加載contact.php,你可以在你會風格<div>以同樣的方式樣式iframe#form

+0

這與jQuery,甚至JavaScript有什麼關係? –

+0

我必須承認iframe並不是最好的解決方案。 –

+0

@James這並不意味着它不是解決OP的問題。從描述中不清楚動態加載實際上是必要的。 –

相關問題