ajax 使用心得

ajax 使用心得

 

2005年2月，ajax在Jesse James Garrett的介紹下與大家見面了，並且馬上在業界走紅。我接觸ajax的時間不是很長，在沒認識他之前，總認爲那是多麼高級的應用啊！總認爲他有多麼的高深多麼的難！當了解了他之後覺得，他沒有想像中的那麼難以琢磨！

傳統的交互是整個頁面的刷新，交互中有大量的冗餘數據。那樣佔用了大量的帶寬，降低了瀏覽器響應速度。而ajax的出現正好解決了這個難題的，其實ajax是衆多技術“組裝”出來的，其核心的就是javascript了，提到javascript 我想大家都是比較熟悉的：他是一種基於對象和事件驅動並具有安全性能的腳本語言，他原本是用來使網頁變的生動的！現在在ajax技術擔當了重要的角色----------與後臺通信。XMLHttpRequest對象在技術中起到了主要的作用！

if(window.XMLHttpRequest) {

        this.req = new XMLHttpRequest();

    } else if(window.ActiveXObject) {

        try {

            this.req = new ActiveXObject("Msxml2.XMLHTTP");

        } catch(e) {

            try {

                this.req = new ActiveXObject("Microsoft.XMLHTTP");

            } catch(e1) {

               //

            }

        }

    }

上段代碼就是創建一個XMLHttpRequest對象，由於瀏覽器的廠商不同對XMLHttpRequest對象的實現也不同！有了XMLHttpRequest對象就可以向後臺異步發送請求而不驚動用戶界面。可以通過他的send方法向後臺發送一個xml ，通過open方法打開後臺鏈接。XMLHttpRequest對象還有個重要的事件onreadystatechange ，他可以監聽後臺的反應，readyState屬性可以標識響應情況：0 = 未初始化，1 = 正在加載2 = 加載完畢，
3 = 交互，4 = 完成 ，當readyState屬性狀態爲4時就說明響應已經完成了，但是相應完成並不代表一定成功了 還有個status屬性標識響應的狀態， HTTP響應信息狀態碼有很多在這裏我之列舉幾種常見的，在ajax應用中以下幾種狀態碼是要處理的：

200        =  一切OK。

403  =  由於服務器上文件或目錄的權限設置導致資源不可用

404        =  沒有找到指定的資源

500        =  一般爲你的後臺程序拋出異常了。

當返回的狀態碼爲200時就說明 一次請求已經成功的響應了，你就可以通過DOM對 responseText進行解析了，這樣一次異步調用就完成了。

有必要時要設置RequestHeader，比如請求類型（content-type） 緩存（ Cache-Control ）特別是字符編碼格式，有時會遇到返回的是一串亂碼，那就要統一字符編碼格式。

這樣說起來 ajax也就那麼回事，當然這個只是最原始最基本的，瞭解了他的核心你使用起ajax框架來也就順暢多了，現在有很多出色的ajax的框架，比如Dojo ，Google AJAXSLT ，Ajax.Net ，Java BluePrints …… 這些框架各有各的特點，大多數都只支持某一種語言。開發者開發java web程序就要去尋找支持java的框架 要開發.net程序就的去尋找支持net程序的框架。這樣很不方便。其實webshop就是個不錯的開發ajax程序的工具，有了他你就不用在爲找合適的框架而煩惱了，他支持java net php vb等流行開發語言，並且還支持可視化操作，Webshop的ADL庫對ajax做了很好的封裝，操作後臺就像調用前臺方法一樣簡單。

 

知道了ajax原理，又有這麼好用的現成的開發工具，現在ajax開發不再難了吧？還不快去下載webshop體驗一下吧！