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

2021-06-04 12:42:42 字數 325 閱讀 3736

html表單元素中的form即表單是常用來提交使用者資料的元素之一。通過ajax技術可以友好的對使用者請求進行反饋。無須重新整理頁面這是人盡皆知的事情了。

但表單事件中有乙個另類,即onsubmit,這個事件之所以另類,是因為它在提交完以後,會自動重新整理當前頁面,使ajax結果失效。這會讓人困惑,以為ajax反回失敗。

e.g.

返回結果為空,div中的資料只在除錯中變化了一下,高度結束自動重新整理,ajax結果就消失了。

如果一定要用submit,只需要將onsubmit替換為action

即可submit表單,也不用重新整理頁面了。這時候頁面就顯示正常的ajax資訊了。

無重新整理提交form表單

今天遇到乙個問題,專案中form表單是使用submit 提交的,但是要實現無重新整理的提交,當然無重新整理提交資料,ajax肯定可以完成,但是由於 已經很成熟,都是使用form提交的,不能再去重寫,所以就找到了下面這個辦法,感覺很好用,主要就四步 1.在當前頁面建乙個iframe 並隱藏 displ...

HTML無重新整理提交表單

通常對於無重新整理提交表單,我們都是運用ajax實現的。前段時間跟著老大了解到另一種無重新整理提交表單的方法,是利用iframe框架實現的。現在整理出來分享給大家。第一種 html頁面 php頁面 form.php 非空驗證 if empty post uname empty post pwd 驗證...

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

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