今天你AJAX了沒有？——關於AJAX應用所解決的一些常見問題

                                                               今天你AJAX了沒有？
                                        ——關於AJAX應用所解決的一些常見問題

     不可否認，我是非常看好AJAX技術的。我以為AJAX技術對於互連網，就像HTML對於互連網一樣。但同時又要看到，AJAX技術不能完全取代我們常規的WEB開發技術。AJAX技術有它讓人眼睛一亮的優點，同時它也有很多弱點。我們作為開發人員，不能因為AJAX技術好，就在WEB開發中全部使用AJAX。
     對了，不能為了AJAX而AJAX，就像鋼要用到刀刃上一樣，AJAX應該用在能充分發揮它的優點的地方。而大多數的時候，我們還需要和往常一樣，使用MVC的實現STRUTS開發架構。
     提到AJAX，不能不提到與它一起被強調的另一個詞：使用者體驗。AJAX豐富了B/S模式的表現層，對於B/S模式的UI來說，它號稱沒有做不到、只有想不到。這裡說來說去，都是一個使用者體驗的問題。AJAX號稱無重新整理，其實很多時候，使用者需要有重新整理才能知道有了頁面提交，如在儲存資料的時候，所以在這個時候使用AJAX卻有害於使用者體驗的。
     那麼在什麼時候可能使用到AJAX呢？第一、請求的提交是為了頁面資料的顯示，這時候使用者一般不希望看到頁面的重新整理，是使用AJAX的一個最佳時候。第二、如果請求提交後，使用者能從頁面感覺到提交結果，這時候，也最好不要有頁面重新整理，推薦使用AJAX技術。第三、如果請求提交後，使用者不能從頁面感覺到提交動作，如絕大多數時候的資料的增加和修改，這時候則需要頁面重新整理，不能使用AJAX技術。第四、複雜的UI，以前對於複雜的C/S模式的UI，B/S模式一向採取逃避的方法，現在則可以放心大膽的使用AJAX來加以解決。
     AJAX技術的實踐，就像有了魔法一樣，一旦你使用了一次，就會愛不釋手。面對精彩的AJAX技術，還等什嗎？趕快看看您的WEB應用裡，有沒有下列問題之一，如果有的話，不妨用AJAX試試看！
     第一、輸入值校正的問題。
     輸入校正是我們經常遇到的問題，這種問題很多時候是可以在JS裡解決。但有些時候卻需要訪問後台，如在申請使用者的時候檢查使用者名稱是否重複等等問題。用AJAX吧，頁面不會有重新整理。
    第二、級聯顯示的問題。
     這種問題應該是我們遇到的最多的表現層的問題，常常讓我們左右為難：你說訪問後台吧，頁面需要重新整理，使用者體驗很不好；你說用JS解決吧，確實有點讓JS勉為其難，強行用JS解決了，代碼一大堆不說，資料量大的話還會有記憶體問題，而且資料也不安全。
     這類的問題很多：最常見的是級聯的兩個或更多的選擇框，還有選擇框的變形，串聯功能表，導航樹等等。
 遇到了這一類的問題，趕快行動吧！用AJAX訪問後台，既不需要重新整理頁面，也沒有過多的JS代碼，一舉兩得。
     第三、請求結果只改變部分頁面。
     這一類的問題我們也會時常碰到，如，論壇的回複文章和貼文清單在一個頁面上的時候。這兩個UI在一個頁面上，使用者體驗比回複文章在另外一個頁面好。但回複後要對整個頁面進行重新整理，這種感覺就不好了。你看，那麼大一個貼文清單，只增加你的一個回複，卻要對整個頁面進行重新整理，不管從哪個角度來看都不好。
     這一類的問題不管是使用者體驗，還是從技術的角度來講，都是使用AJAX最好不過。
     第四、由於技術原因而使用iframe的問題。
     Iframe的問題純粹是由於技術的原因引起的。為瞭解決技術問題而引入iframe,卻iframe的一再嵌套卻又引入了其他的技術難題。有的想盡辦法來勉強解決這個問題，有的卻乾脆不要使用iframe。不使用iframe，而使用JS的解決方案卻是繁瑣的。現在不用左右為難了，使用AJAX就是最好的解決方案。
     第五、資料錄入和列表顯示在同一個頁面。
     C/S模式的UI中常常有資料錄入和資料列表顯示在同一個介面上，這樣對於使用者來說有很好的使用者體驗，使用者錄入的結果馬上就能在同一介面顯示。但是在B/S的UI上，由於需要提交重新整理的問題，我們經常把資料的錄入和資料顯示分別放在兩個不同的頁面上。很顯然，這樣的使用者體驗肯定沒有C/S模式來得好。像這樣的問題還有很多，在B/S模式下，都因為技術的原因而選擇其他的解決辦法。現在我們可以自豪的使用AJAX來宣告可以做出和C/S模式一樣複雜的UI了。
     第六、翻頁問題。
     如果有技術可以使翻頁不需要重新整理，你願不願意嘗試一下呢？有很多這樣的資料顯示的問題需要重新整理哦，考慮一下AJAX！