[Ajax] Ajax基本架構

時候一段時間沒用一樣東西，

通常很容易就忘了...XD
(人老了沒辦法...)

為了保住記憶，

難免就來個筆記囉~

Ajax(Asynchronous JavaScript And XML)到底是什麼，

粗略來說，

他是一項欲提高網頁的速度、互動、可用性的技術，

讓網站能夠以非同步的方式提高網站的可用性。

而其主要是由三項現有技術組成：

1.XHTML(HTML) +CSS來做資料的呈現
2.DOM、Javascript來做資料處理
3.XMLHttpRequest用來對Web Server發送非同步請求與接受回應

講這麼多~

還是要來點Source Code才容易懂嘛~~XD

請求公告資料範例 原始碼：

還是沒有什麼感覺嘛?

來來來~~

這兩個實際執行的範例給你看，

http://sihua.byethost6.com/test/ajax_index.php

http://sihua.byethost6.com/test/index.php

有發現了嘛？

ajax跟無ajax的差異？

最明顯的地方就是切換資料不用整頁更新，

增加了網頁的可用性，

在資料更新的時候，

使用者仍然能繼續進行其他操作。

雖然這個例子感覺起來似乎沒什麼效能差異，

但如果單一頁面做了很多功能時，

你就知道有差囉！

不過啊~

在這裡我仍有些小疑問~

ajax的部分特性似乎也能以內嵌網頁的方式替代，

不過可能是我自己還沒完全了解ajax精隨吧~

只能待我繼續挖掘囉！