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

2021-05-24 21:53:59 字數 839 閱讀 5613

現在ajax橫行,也許很少有人用隱藏form提交來實現不重新整理頁面更新了,在ajax以前,一般都用隱藏form提交來實現頁面不重新整理提交資料.

現在對比一下ajax與隱藏form提交的利與弊。

1.隱藏form提交,更新資料完成後,需要轉到乙個空白頁面再對原頁面進行提交後處理;ajax則不用,可以直接返回原頁面進行提交後的處理。可見ajax可以比隱藏form提交少增加乙個頁面。

2.ajax出於安全性考慮,不能對檔案進行操作,所以不能通過ajax來實現檔案上傳,而通過隱藏form提交可以實現這個功能,所以這就是用隱藏form提交的主要用途。

接下來講述如何通過隱藏form來實現提交資料。

第一步:

//用於存放提交返回後的空白頁面

//用於指定提交返回頁面顯示在這個iframe中

第二步:

document.issueformlist.submit();

提交後,進入後台處理完成(issues = issuemanager.getall();),返回乙個jsp頁面(aa.jsp),這個頁面在iframe中生成.

第三步:

可以通過parent物件對原頁面進行操作,比如原頁面定義了updatepagefromsubmit()方法,

則在aa.jsp頁面中通過parent.updatepagefromsubmit()來進行提交後的處理.

原頁面也可以issueframelist.checkdata()來呼叫aa.jsp頁面中的方法。

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

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

AJAX無重新整理提交表單的方法

html表單元素中的form即表單是常用來提交使用者資料的元素之一。通過ajax技術可以友好的對使用者請求進行反饋。無須重新整理頁面這是人盡皆知的事情了。但表單事件中有乙個另類,即onsubmit,這個事件之所以另類,是因為它在提交完以後,會自動重新整理當前頁面,使ajax結果失效。這會讓人困惑,以...

EXT4 1表單提交 非AJAX

ext.require ext.form.ext.data.ext.onready function return false if val cmp.getvalue else repetitiontext 兩次輸入的密碼不一樣 ext.define example.contact ext.defi...