關於form表單提交與ajax提交的區別

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


在用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();的方式提交纔是表單的提交方式。
發佈了12 篇原創文章 · 獲贊 6 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章