當前位置:學問君>人在職場>電腦培訓>

淺談Ajax提交與傳統表單提交的區別說明

學問君 人氣:3.21W

Ajax提交是透過js來提交請求,請求與響應均由js引擎來處理,頁面不會重新載入,用戶感覺不到實際上瀏覽器發出了請求。比如說我們希望網頁總是顯示最新的新聞,而又不想老是去點重新載入按鈕,我們就可以用Ajax機制來實現。網上的客服軟件也是ajax請求的'一個比較好的案例。傳統的請求頁面將實現重新載入,因此侷限性很大。

淺談Ajax提交與傳統表單提交的區別說明

1.爲什麼用AJAX?

使用AJAX,用戶對Web的體驗會更“敏捷”:數據提交頁面不會閃屏;頁面局部更新速度快;網絡帶寬佔用低。

開發相較傳統模式的簡單之處:

傳統模式下,表單提交則整個頁面重繪,爲了維持頁面用戶對錶單的狀態改變,要多些不少代碼。要在控制器和模板之間傳遞更多參數以保持頁面狀態。而AJAX不然,因爲頁面只是局部更新, 不關心也不會影響頁面其他部分的內容。

開發相較傳統模式的難度:

需要了解、精通JavaScript,而JavaScript存在調試麻煩、瀏覽器相容性等很多障礙。

有如下幾種區別:

1. Ajax在提交、請求、接收時,都是異步進行的,網頁不需要重新載入;Form提交則是新建一個頁面,哪怕是提交給自己本身的頁面,也是需要重新載入的;

2. A在提交時,是在後臺新建一個請求;F卻是放棄本頁面,而後再請求;

3. A必須要使用JS來實現,不啓用JS的瀏覽器,無法完成該操作;F卻是瀏覽器的本能,無論是否開啓JS,都可以提交表單; 4. A在提交、請求、接收時,整個過程都需要使用程序來對其數據進行處理;F提交時,卻是根據你的表單結構自動完成,不需要代碼干預