【教學主題】 [教學] AJAX技術觀念 ~

[複製連結] 檢視: 13967|回覆: 4

Agiun

名望的居民

電梯直達

1^#

發表於 07-2-15 17:54:35 |只看該作者 |降序瀏覽大字中字小字正體化简体化

因為工作的關係！最近練習寫了一個最類似AJAX技術的程式~
研究了半天~ 發現AJAX的流程是這樣的：

1. 當Client端跟Server端要求資料時, Client端正在執行的網頁(簡稱web-A)會產生一個新的JavaScript文件(簡稱web-B)
2. web-B會私底下把資料參數傳回Server端, 但web-A畫面沒有任何動作
3. Server端(後端)執行網頁(簡稱web-C)接收到這個資料參數後, 會去執行亙動式網頁程式碼(EX: ASP、PHP…)
4. web-C 程式碼執行完後 , 會把應該產生的JavaScript程式碼直接產生出來並且再送到 web-B
5. 接著web-B就會載入到web-A,並且去執行web-B的程式碼
6. 這樣動作就完成了！

PS:AJAX的好處就是在跟伺服器要資料時,不用整個網頁的資料Submit給伺服器 ,只要回傳參數就好, 這樣的結果就是要送的資料少！網路傳輸就快,回傳資料也快 ~ 客戶端網頁執行比較不會Lag！

轉播0 分享0 收藏0

回覆使用道具檢舉

jed1978

無名的居民

2^#

發表於 07-3-5 15:45:54 |只看該作者大字中字小字正體化简体化載入全部圖片

回覆 #1 Agiun 的文章

可以說對也可以說不對

在web-b這裡，是透過XMLhttpRequest，這是一個javascript object
前端的要求先送給XMLhttpRequest，再由XMLHttpRequest發出request給Server
XMLHttpRequest收到response後，再繼續處理接下來的java script，此時前端的頁面就會改變，因為【一直是在執行java script】

再來，雖然優點是不需將整個page送回Server，但請記得，java script在下載及執行時也是會耗掉頻寬及CPU執行時間的，過度使用AJAX的結果是會造成反效果，事實上，還有其他的問題，例如應用了AJAX技術後，就沒有了【上一頁】、【下一頁】了，為什麼呢? 因為一直都是在同一頁執行啊!