鐵之狂傲
標題:
[教學] AJAX技術觀念 ~
[列印本頁]
作者:
Agiun
時間:
07-2-15 17:54
標題:
[教學] AJAX技術觀念 ~
因為工作的關係！最近練習寫了一個最類似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！
作者:
jed1978
時間:
07-3-5 15:45
標題:
回覆 #1 Agiun 的文章
可以說對也可以說不對
在web-b這裡，是透過XMLhttpRequest，這是一個javascript object
前端的要求先送給XMLhttpRequest，再由XMLHttpRequest發出request給Server
XMLHttpRequest收到response後，再繼續處理接下來的java script，此時前端的頁面就會改變，因為【一直是在執行java script】
再來，雖然優點是不需將整個page送回Server，但請記得，java script在下載及執行時也是會耗掉頻寬及CPU執行時間的，過度使用AJAX的結果是會造成反效果，事實上，還有其他的問題，例如應用了AJAX技術後，就沒有了【上一頁】、【下一頁】了，為什麼呢? 因為一直都是在同一頁執行啊!
作者:
jerry055334
時間:
07-3-8 00:08
這好難懂喔
是瀏覽器嗎?
我也想知道
只要是可以讓電腦變快,安全,穩定
我都想知道
謝謝大家的分享
作者:
qpwoeiru
時間:
09-10-2 19:21
標題:
回覆 3# jerry055334 的文章
這不是瀏覽器，是網站技術的一種．如果你不是網站程式設計師的話，就不需要知道這個東西了
作者:
南瓜
時間:
09-10-5 14:59
同意樓上大大的說法
其實比較重效能才要注意XD
歡迎光臨 鐵之狂傲 (https://gamez.com.tw/)