你好我在頁面index.html的一個DIV:如何顯示一個網頁,一個DIV是用jQuery
<div id="form"></div>
現在我需要使用jQuery的方式表明DIV內的另一個頁面。 我需要調用並加載的頁面是contact.php 它是一個簡單的HTML + PHP聯繫表單。 有沒有一種方法來加載jQuery的contact.php的內容在DIV是index.html頁面? 感謝您的幫助!
你好我在頁面index.html的一個DIV:如何顯示一個網頁,一個DIV是用jQuery
<div id="form"></div>
現在我需要使用jQuery的方式表明DIV內的另一個頁面。 我需要調用並加載的頁面是contact.php 它是一個簡單的HTML + PHP聯繫表單。 有沒有一種方法來加載jQuery的contact.php的內容在DIV是index.html頁面? 感謝您的幫助!
$("#form").load("contact.php");
jQuery的load
功能從服務器(在這種情況下,從contact.php
)獲取數據並替換(在這種情況下#form
)與該數據所選擇的元件的內容。
如有必要,您還可以將數據傳遞到正在加載的頁面中,並提供一個將在完成時執行的回調函數。
欲瞭解更多信息,請參閱jQuery API。
您可能想要使用元素。這將是這個樣子:
<iframe id="form" src="contact.php"></iframe>
這將在您的index.html內的獨立的框架加載contact.php,你可以在你會風格<div>
以同樣的方式樣式iframe#form
。
這與jQuery,甚至JavaScript有什麼關係? –
我必須承認iframe並不是最好的解決方案。 –
@James這並不意味着它不是解決OP的問題。從描述中不清楚動態加載實際上是必要的。 –
如果contact.php設置爲發出'','
'等標籤,該怎麼辦? –此解決方案將刪除contact.php文件中的所有javascript代碼。我如何避免這種情況? –
剝離不準確。它完全刪除加載頁面內的任何JavaScript代碼。如何避免.load這樣做? –