首頁  >  文章  >  web前端  >  form表單和ajax提交的差別是什麼

form表單和ajax提交的差別是什麼

青灯夜游
青灯夜游原創
2022-01-13 18:00:335689瀏覽

區別:1、ajax提交是異步進行,網頁不需要刷新,而from表單提交需要刷新;2、ajax必須要用js來實現,而Form表單不是必須;3、ajax需要使用程序來對其進行資料處理,Form表單提交是根據表單結構自動完成,不需要程式碼幹預。

form表單和ajax提交的差別是什麼

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

form表單提交與ajax提交的區別

1、使用場景:

安全性都一樣,都是發送的http協定。安全性與提交文件的業務處理(格式檢測,防注入)有關,與提交方式無關。

一般登入用表單提交,點擊提交觸發submit事件,一般會使頁面發生跳轉,頁面的跳轉等行為的控制往往在後端,後端控制頁面的跳轉及資料的傳遞;但是某些時候不希望頁面跳轉,或者說想要將控制權放在前端,透過js來操作頁面的跳轉或資料變化,一般這種非同步操作,都會使用ajax。

但是Ajax會有個隱藏的問題,就是瀏覽器不儲存密碼,不符合使用者習慣。理想的方式:建立隱藏的iframe,把form標籤的target指向iframe,然後偵測iframe的狀態。

2、比較:

(1)ajax在提交、要求、接收時,都是非同步進行,網頁不需要刷新,只刷新頁面局部,不關心也不影響頁面其他部分的內容。

Form提交則是新建一個頁面,即使是提交給自己本身的頁面,也需要刷新,為了維持頁面用戶對表單的狀態改變,要在控制器和模板之間傳遞更多參數以保持頁面狀態。

(2)ajax提交時,是在後台新建一個請求。

Form卻是放棄本頁面,然後再請求。

(3)ajax必須要用js來實現,有除錯麻煩、瀏覽器相容問題,而且不啟用js的瀏覽器,無法完成操作。

Form表單是瀏覽器自帶的,無論是否開啟js,都可以提交表單。

(4)ajax在提交、要求、接收時,整個過程都需要使用程式來對其進行資料處理。

Form表單提交,是根據表單結構自動完成,不需要程式碼介入。用submit提交。

3、其他面向:

關於輸入內容的校驗,ajax可以在取得到元素內容用程式判斷;form表單的屬性有校驗的字段,easyui,jeecg等都封裝,使用者只需添加正規表示式的校驗規則。

【相關教學推薦:AJAX影片教學

以上是form表單和ajax提交的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn