鐵之狂傲»論壇 › 繪圖 › 網頁設計版【教學主題】 › [教學] AJAX技術觀念 ~

最後更新

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

[複製連結] 檢視: 13982|回覆: 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

回覆使用道具檢舉

總評分: 聲望 + 9 檢視全部評分

nic15740721 發表於 07-3-18 02:43 聲望 + 3 枚

Peropero souka! 發表於 07-2-17 06:21 聲望 + 3 枚

闇之鬥魂不錯的文章：）發表於 07-2-16 08:14 聲望 + 3 枚

南瓜

一般的居民

5^#

發表於 09-10-5 14:59:32 |只看該作者大字中字小字正體化简体化載入全部圖片

同意樓上大大的說法

其實比較重效能才要注意XD

回覆使用道具檢舉

qpwoeiru

一般的居民

4^#

發表於 09-10-2 19:21:33 |只看該作者大字中字小字正體化简体化載入全部圖片

回覆 3# jerry055334 的文章

這不是瀏覽器，是網站技術的一種．如果你不是網站程式設計師的話，就不需要知道這個東西了

回覆使用道具檢舉

jerry055334

名望的騎士

3^#

發表於 07-3-8 00:08:58 |只看該作者大字中字小字正體化简体化載入全部圖片

這好難懂喔
是瀏覽器嗎?
我也想知道
只要是可以讓電腦變快,安全,穩定
我都想知道
謝謝大家的分享

Do want you want, think what you like

回覆使用道具檢舉

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技術後，就沒有了【上一頁】、【下一頁】了，為什麼呢? 因為一直都是在同一頁執行啊!

回覆使用道具檢舉

總評分: 聲望 + 1 檢視全部評分

Ahorn 內行人，說道 httpRequest 了…… 發表於 09-10-3 13:49 聲望 + 1 枚 回覆一般留言

最後更新返回清單

帳號		自動登入	取回密碼
密碼			註冊