使用iframe實現(xiàn)提交表單不刷新頁面

字號:


    正常情況下,當(dāng)你向服務(wù)器發(fā)送數(shù)據(jù)的時候,你的瀏覽器將會打開ACTION頁面,并且不會重回到當(dāng)前頁面。但是有的時候,我們因為各種各樣的要求,而不希望瀏覽器在提交數(shù)據(jù)的時候去刷新當(dāng)前的頁面或者轉(zhuǎn)向到新的頁面
    所以我們引入一個嵌入框架來解決這個問題。具體的原理是:當(dāng)表單在提交數(shù)據(jù)的時候,不將提交目標(biāo)設(shè)置為當(dāng)前的頁面,而是當(dāng)前頁面中的一個嵌入框架。
    首先你應(yīng)該在body下面插入一個嵌入框架:
    代碼如下:
    <iframe name="submitFrame" src="about:blank"></iframe>
    然后你應(yīng)該設(shè)置表單的目標(biāo)為這個嵌入框架,比如這樣:
    代碼如下:
    <form name="testform" method="post" action="apply.cgi" target="submitFrame"> <input type="submit" value="提交"> </form>
    這樣的得到了我們需要的目標(biāo)。