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ù)。
相關(guān)文章
js實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)簡單實(shí)例
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)簡單實(shí)例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01js實(shí)現(xiàn)本地持久化存儲(chǔ)登錄注冊(cè)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)本地持久化存儲(chǔ)登錄注冊(cè),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08JS實(shí)現(xiàn)動(dòng)態(tài)表格的添加,修改,刪除功能(推薦)
這篇文章主要介紹了JS實(shí)現(xiàn)動(dòng)態(tài)表格的添加,修改,刪除功能(推薦)的相關(guān)知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-06-06