非ajax方式提交表單不重新整理頁面

2021-09-03 08:21:04 字數 832 閱讀 2971

ajax最大的特點就是可以不重新整理頁面而實現資料的通訊及更改頁面資訊。那麼用ajax進行後台通訊傳遞字串還是可以的,遇到上傳檔案該怎麼辦呢?基於安全考慮,js是不能直接進行檔案操作的,只好用原始的from來提交檔案上傳了。這樣一來,用form不就要重新整理頁面了嗎?其實也不是。

這是網上找的乙個一般通用的處理方法

給我們的from加乙個target屬性,並且將這個屬性的值設定為隱藏的iframe的id,這樣一來,重新整理的頁面是我們隱藏的iframe,我們的頁面就不會重新整理了。這個方法,時廣大前輩的知識和經驗的結晶,我是不費吹灰之力拿來用了,站在巨人的肩膀上。

但這種當動態生的的表單貌似無效比如

document.write("")

document.form1.submit();

解決辦法 

可以直接往iframe的dom物件種寫入表單來解決

body裡加iframe

js新建iframe

var iframe = document.createelement('iframe');

iframe.src="about:blank";

iframe.id="rfframe";

iframe.name="rfframe";

iframe.style="display:none;";

var window1=$("#rfframe")[0].contentwindow;

window1.document.write("")

window1.document.form1.submit();

表單不重新整理提交,非ajax

現在ajax橫行,也許很少有人用隱藏form提交來實現不重新整理頁面更新了,在ajax以前,一般都用隱藏form提交來實現頁面不重新整理提交資料.現在對比一下ajax與隱藏form提交的利與弊。1.隱藏form提交,更新資料完成後,需要轉到乙個空白頁面再對原頁面進行提交後處理 ajax則不用,可以直...

From表單提交重新整理頁面?

form表單提交跳轉 寫作原因 樓主的html水平一般,偶然想起周圍人常說的form表單提交會重新整理頁面,閒來無事,就想想其中的原因 想來想去為什麼會重新整理,猜想了以下幾條 1.先提交資料,等伺服器收到資料後瀏覽器執行類似於f5的操作 2.同時執行資料傳輸,和f5 3.與伺服器的設計有關 4.與...

Ajax 提交表單方式

由於日期的問題,需要把表單處理一下在提交。可以用使用jquery ajax serialize 方法 定義和用法 serialize 方法通過序列化表單值,建立 url 編碼文字字串。您可以選擇乙個或多個表單元素 比如 input 及 或 文字框 或者 form 元素本身。序列化的值可在生成 aja...