首頁 > web前端 > js教程 > Ajax提交與傳統表單提交的差異說明_javascript技巧

Ajax提交與傳統表單提交的差異說明_javascript技巧

WBOY
發布: 2016-05-16 17:01:12
原創
838 人瀏覽過

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

1.為什麼用AJAX?
使用AJAX,使用者對Web的體驗會更「敏捷」:資料提交頁面不會閃屏;頁局部更新速度快;網路頻寬佔用低。

2.AJAX開發相較傳統模式的簡單之處:
傳統模式下,表單提交則整個頁面重繪,為了維持頁面使用者對表單的狀態改變,要多些不少代碼。若要在控制器和範本之間傳遞更多參數以保持頁面狀態。而AJAX不然,因為頁面只是局部更新, 不關心也不會影響頁面其他部分的內容。

3.AJAX開發相較傳統模式的難度:
需要了解、精通JavaScript,而JavaScript則有除錯麻煩、瀏覽器相容性等許多障礙。

=================================

有下列幾種差異: 
1. Ajax在提交、請求、接收時,都是非同步請求進行的,網頁不需要刷新;Form提交則是新建一個頁面,哪怕是提交給自己本身的頁面,也是需要刷新的;

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板