- 相關(guān)推薦
淺談Ajax提交與傳統(tǒng)表單提交的區(qū)別說明
Ajax提交是通過js來提交請(qǐng)求,請(qǐng)求與響應(yīng)均由js引擎來處理,頁面不會(huì)刷新,用戶感覺不到實(shí)際上瀏覽器發(fā)出了請(qǐng)求。比如說我們希望網(wǎng)頁總是顯示最新的新聞,而又不想老是去點(diǎn)刷新按鈕,我們就可以用Ajax機(jī)制來實(shí)現(xiàn)。網(wǎng)上的客服軟件也是ajax請(qǐng)求的一個(gè)比較好的案例。傳統(tǒng)的請(qǐng)求頁面將實(shí)現(xiàn)刷新,因此局限性很大。
1.為什么用AJAX?
使用AJAX,用戶對(duì)Web的體驗(yàn)會(huì)更“敏捷”:數(shù)據(jù)提交頁面不會(huì)閃屏;頁面局部更新速度快;網(wǎng)絡(luò)帶寬占用低。
2.AJAX開發(fā)相較傳統(tǒng)模式的簡單之處:
傳統(tǒng)模式下,表單提交則整個(gè)頁面重繪,為了維持頁面用戶對(duì)表單的狀態(tài)改變,要多些不少代碼。要在控制器和模板之間傳遞更多參數(shù)以保持頁面狀態(tài)。而AJAX不然,因?yàn)轫撁嬷皇蔷植扛拢?不關(guān)心也不會(huì)影響頁面其他部分的內(nèi)容。
3.AJAX開發(fā)相較傳統(tǒng)模式的難度:
需要了解、精通JavaScript,而JavaScript存在調(diào)試麻煩、瀏覽器兼容性等很多障礙。
有如下幾種區(qū)別:
1. Ajax在提交、請(qǐng)求、接收時(shí),都是異步進(jìn)行的,網(wǎng)頁不需要刷新;Form提交則是新建一個(gè)頁面,哪怕是提交給自己本身的頁面,也是需要刷新的;
2. A在提交時(shí),是在后臺(tái)新建一個(gè)請(qǐng)求;F卻是放棄本頁面,而后再請(qǐng)求;
3. A必須要使用JS來實(shí)現(xiàn),不啟用JS的瀏覽器,無法完成該操作;F卻是瀏覽器的本能,無論是否開啟JS,都可以提交表單; 4. A在提交、請(qǐng)求、接收時(shí),整個(gè)過程都需要使用程序來對(duì)其數(shù)據(jù)進(jìn)行處理;F提交時(shí),卻是根據(jù)你的表單結(jié)構(gòu)自動(dòng)完成,不需要代碼干預(yù)。
【淺談Ajax提交與傳統(tǒng)表單提交的區(qū)別說明】相關(guān)文章:
零基礎(chǔ)學(xué)習(xí)AJAX之制作自動(dòng)校驗(yàn)的表單問題07-25
解析ajax請(qǐng)求post和get的區(qū)別10-01
淺談Ajax修改購物車的方法06-29
瑜珈與普拉提的區(qū)別07-06
淺談立冬與冬至的區(qū)別06-06
提眉和切眉的區(qū)別06-28
普拉提和瑜伽的區(qū)別05-24
社交與口才技巧02-26
普拉提和瑜伽有什么區(qū)別10-19