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

來源:互聯網
上載者:User

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提交時,卻是根據你的表單結構自動完成,不需要代碼幹預。

4. A在提交、請求、接收時,整個過程都需要使用程式來對其資料進行處理; F提交時,卻是根據你的表單結構自動完成,不需要代碼幹預;在用easyui時,提交方式有一個
<li class="L0"><span class="kwd">function</span><span class="pln"> submitForm</span><span class="pun">(){</span></li><li class="L1"><span class="pln">            $</span><span class="pun">(</span><span class="str">'#ff'</span><span class="pun">).</span><span class="pln">form</span><span class="pun">(</span><span class="str">'submit'</span><span class="pun">);</span></li><li class="L2"><span class="pln"></span><span class="pun">}</span></li>
用這種方式提交依然是ajax提交,在spring-controller裡面返回的字串是以資料的形式返回,因此不能跳轉頁面。
所以只能用document.getElementById("").submit();的方式提交才是表單的提交方式。 轉自:http://www.cnblogs.com/zhujiabin/p/4901167.html
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.