亚洲高清视频在线,国产青草亚洲香蕉精品久久,亚洲av无码片vr一区二区三区

readyState的五種狀態(tài)詳解【轉(zhuǎn)】

二胡 — Mon, 07 Jun 2010 01:19:00 GMT

【轉(zhuǎn)】http://www.cnblogs.com/myssh/archive/2009/12/18/1627368.html

在《Pragmatic AJAX中文問題 A Web 2.0 Primer 》中偶然看到對readyStae狀態(tài)的介紹，感覺這個介紹很實在，摘譯如下：

0: (Uninitialized) the send( ) method has not yet been invoked.
1: (Loading) the send( ) method has been invoked, request in progress.
2: (Loaded) the send( ) method has completed, entire response received.
3: (Interactive) the response is being parsed.
4: (Completed) the response has been parsed, is ready for harvesting.

0 －（未初始化）還沒有調(diào)用send()方法
1 －（載入）已調(diào)用send()方法，正在發(fā)送請求
2 －（載入完成）send()方法執(zhí)行完成，已經(jīng)接收到全部響應(yīng)內(nèi)容
3 －（交互）正在解析響應(yīng)內(nèi)容
4 －（完成）響應(yīng)內(nèi)容解析完成，可以在客戶端調(diào)用了

對于readyState的這五種狀態(tài)，其他書中大都語焉不詳。像《Foundations of AJAX中文問題》中，只在書中的表2-2簡單地列舉了狀態(tài)的“名稱”－－The state of the request. The five possible values are 0 = uninitialized, 1 = loading, 2 = loaded, 3 = interactive, and 4 = complete。而《Ajax in Action》中好像根本就沒有提到這5種狀態(tài)的細(xì)節(jié)?！禤rofessional AJAX中文問題》中雖不盡人意，但還是有可取之處：

There are five possible values for readyState:
0 (Uninitialized): The object has been created but the open() method hasn’t been called.
1 (Loading): The open() method has been called but the request hasn’t been sent.
2 (Loaded): The request has been sent.
3 (Interactive). A partial response has been received.
4 (Complete): All data has been received and the connection has been closed.

readyState有五種可能的值：
0 (未初始化)： (XMLHttpRequest)對象已經(jīng)創(chuàng)建，但還沒有調(diào)用open()方法。
1 (載入)：已經(jīng)調(diào)用open() 方法，但尚未發(fā)送請求。
2 (載入完成)：請求已經(jīng)發(fā)送完成。
3 (交互)：可以接收到部分響應(yīng)數(shù)據(jù)。
4 (完成)：已經(jīng)接收到了全部數(shù)據(jù)，并且連接已經(jīng)關(guān)閉。

在《Understanding AJAX中文問題: Using JavaScript to Create Rich Internet Applications》中，則用下表進行了說明：

readyState Status Code	Status of the `XMLHttpRequest` Object
(0) UNINITIALIZED 未初始化	The object has been created but not initialized. (The `open` method has not been called.) （XMLHttpRequest）對象已經(jīng)創(chuàng)建，但尚未初始化（還沒有調(diào)用open方法）。
`(1) LOADING 載入`	The object has been created, but the `send` method has not been called. （XMLHttpRequest）對象已經(jīng)創(chuàng)建，但尚未調(diào)用send方法。
`(2) LOADED 載入完成`	The `send` method has been called, but the status and headers are not yet available. 已經(jīng)調(diào)用send方法，（HTTP響應(yīng)）狀態(tài)及頭部還不可用。
`(3) INTERACTIVE 交互`	Some data has been received. Calling the `responseBody` and `responseText` properties at this state to obtain partial results will return an error, because status and response headers are not fully available. 已經(jīng)接收部分?jǐn)?shù)據(jù)。但若在此時調(diào)用responseBody和responseText屬性獲取部分結(jié)果將會產(chǎn)生錯誤，因為狀態(tài)和響應(yīng)頭部還不完全可用。
`(4) COMPLETED 完成`	All the data has been received, and the complete data is available in the `responseBody` and `responseText` properties. 已經(jīng)接收到了全部數(shù)據(jù)，并且在responseBody和responseText屬性中可以提取到完整的數(shù)據(jù)。

根據(jù)以上幾本書中的關(guān)于readyState五種狀態(tài)的介紹，我認(rèn)為還是《Pragmatic AJAX中文問題 A Web 2.0 Primer 》比較到位，因為它提到了對接收到的數(shù)據(jù)的解析問題，其他書中都沒有提到這一點，而這一點正是“(3)交互”階段作為一個必要的轉(zhuǎn)換過程存在于“(2)載入完成”到“(4)完成”之間的理由，也就是其任務(wù)是什么。歸結(jié)起來，我覺得比較理想的解釋方法應(yīng)該以“狀態(tài)：任務(wù)（目標(biāo)）+過程+表現(xiàn)（或特征）”表達模式來對這幾個狀態(tài)進行定義比較準(zhǔn)確，而且讓人容易理解?，F(xiàn)試總結(jié)如下：

readyState 狀態(tài)	`狀態(tài)說明`
`(0)未初始化`	此階段確認(rèn)XMLHttpRequest對象是否創(chuàng)建，并為調(diào)用open()方法進行未初始化作好準(zhǔn)備。值為0表示對象已經(jīng)存在，否則瀏覽器會報錯－－對象不存在。
`(1)載入`	此階段對XMLHttpRequest對象進行初始化，即調(diào)用open()方法，根據(jù)參數(shù)(method,url,true)完成對象狀態(tài)的設(shè)置。并調(diào)用send()方法開始向服務(wù)端發(fā)送請求。值為1表示正在向服務(wù)端發(fā)送請求。
`(2)載入完成`	此階段接收服務(wù)器端的響應(yīng)數(shù)據(jù)。但獲得的還只是服務(wù)端響應(yīng)的原始數(shù)據(jù)，并不能直接在客戶端使用。值為2表示已經(jīng)接收完全部響應(yīng)數(shù)據(jù)。并為下一階段對數(shù)據(jù)解析作好準(zhǔn)備。
`(3)交互`	此階段解析接收到的服務(wù)器端響應(yīng)數(shù)據(jù)。即根據(jù)服務(wù)器端響應(yīng)頭部返回的MIME類型把數(shù)據(jù)轉(zhuǎn)換成能通過responseBody、responseText或responseXML屬性存取的格式，為在客戶端調(diào)用作好準(zhǔn)備。狀態(tài)3表示正在解析數(shù)據(jù)。
`(4)完成`	此階段確認(rèn)全部數(shù)據(jù)都已經(jīng)解析為客戶端可用的格式，解析已經(jīng)完成。值為4表示數(shù)據(jù)解析完畢，可以通過XMLHttpRequest對象的相應(yīng)屬性取得數(shù)據(jù)。

概而括之，整個XMLHttpRequest對象的生命周期應(yīng)該包含如下階段：
創(chuàng)建－初始化請求－發(fā)送請求－接收數(shù)據(jù)－解析數(shù)據(jù)－完成

在具體應(yīng)用中，明確了readyState的五個狀態(tài)（XMLHttpRequest對象的生命周期各個階段）的含義，就可以消除對Ajax核心的神秘感（語焉不詳?shù)谋澈笠词枪逝?，制造神秘感；要么就?#8220;以其昏昏，使人昭昭”），迅速把握其實質(zhì)，對減少學(xué)習(xí)中的挫折感和增強自信心都極其有益。

比如，通過如下示例：


//聲明數(shù)組
var states ＝ [“正在初始化……”,
“正在初始化請求……成功！
正在發(fā)送請求……”,
“成功！
正在接收數(shù)據(jù)……”,
“完成！
正在解析數(shù)據(jù)……”,
“完成！
”];
//回調(diào)函數(shù)內(nèi)部代碼片段
if (xmlHttp.readyState==4)
{
var span = document.createElement(“span”);
span.innerHTML = states[xmlHttp.readyState];
document.body.appendChild(span);
if (xmlHttp.status == 200)
{
var xmldoc = xmlHttp.responseXML;
//其他代碼
}
//別忘記銷毀，防止內(nèi)存泄漏
xmlHttp = null;
}else{
var span = document.createElement(“span”);
span.innerHTML = states[xmlHttp.readyState];
document.body.appendChild(span);
}

結(jié)果如下：

正在初始化請求……成功！
正在發(fā)送請求……成功！
正在接收數(shù)據(jù)……完成！
正在解析數(shù)據(jù)……完成！

我們很容易明白XMLHttpRequest對象在各個階段都在做什么。因此，也就很容易對Ajax的核心部分有一個真正簡單明了的理解。

本博PS：readyState一般用在異步請求時程序響應(yīng)的判斷，Iframe， javaScript腳本同樣適用,參考另一篇文章：http://d-tune.javaeye.com/blog/506074

文章出處：http://www.cn-cuckoo.com/2007/07/16/the-details-for-five-states-of-readystate-9.html

二胡 2010-06-07 09:19 發(fā)表評論

轉(zhuǎn) 回憶我們經(jīng)典的開發(fā)工具

二胡 — Tue, 20 Oct 2009 05:04:00 GMT

轉(zhuǎn) http://blog.csdn.net/gaoweipeng/archive/2009/10/18/4695780.aspx
平時的開發(fā)如果我們能有些得心應(yīng)手的開發(fā)工具，就好比是如虎添翼。會大大的提高我們的開發(fā)效率。Visual Studio 自不必說，通過此文，和大家回憶下除此之外的經(jīng)典的開發(fā)工具，同時希望能把這些經(jīng)典的工具介紹給新手，相信對平日的開發(fā)會有很大的幫助。

Internet Explorer Developer Toolbar
簡介：微軟發(fā)布了Internet Explorer Developer Toolbar最新版.該產(chǎn)品讓開發(fā)人員能夠深入探索和理解Web頁面,幫助開發(fā)者更好地創(chuàng)建Web應(yīng)用.安裝后可以在IE中快速分析網(wǎng)頁的軟件.該工具條可集成在IE窗口,或以浮動窗口形式存在.

IE Developer Toolbar特性如下:

瀏覽和修改Web頁的文檔對象模型(DOM).通過多種技術(shù)方式定位、選定Web頁上的特定元素.禁止或激活I(lǐng)E設(shè)置.查看HTML對象的類名、 ID,以及類似鏈接路徑、tab順序、快捷鍵等細(xì)節(jié).描繪表格、單元格、圖片或選定標(biāo)簽的輪廓.顯示圖片象素、大小、路徑、替代文字等.即時重定義瀏覽器窗口大小到800x600或自定義大小.清空瀏覽器緩存和cookie,被清除項可從所有對象或給定域中選擇.直接訪問關(guān)聯(lián)W3C規(guī)范參考、IE開發(fā)組 blog或其他來源.－顯示設(shè)計時標(biāo)尺,幫助對齊對象. ....

HttpWatch
簡介：強大的網(wǎng)頁數(shù)據(jù)分析工具。集成在Internet Explorer工具欄。包括網(wǎng)頁摘要。Cookies管理。緩存管理。消息頭發(fā)送/接受。字符查詢。POST 數(shù)據(jù)和目錄管理功能。報告輸出。

安裝完HttpWatch后，就會在瀏覽器中找到他：

主界面：

下載地址：http://www.crsky.com/soft/3455.html

使用介紹：http://www.cnblogs.com/mayingbao/archive/2007/11/30/978530.html

Fiddler2

簡介：Fiddler2是一個網(wǎng)絡(luò)調(diào)試代理，用來監(jiān)測本地計算機和Internet之間所有的HTTP通訊?？梢员O(jiān)測所有的HTTP通訊，設(shè)置斷點，并且可以修改到進入到本地計算機的數(shù)據(jù)和從本地計算機出去的數(shù)據(jù) （就是可以偽造數(shù)據(jù)）。Fiddler包含一個JScript .NET 事件腳本子系統(tǒng)（event-based scripting subsystem），可以使用任何一種.Net語言擴展。該軟件是免費的，支持多種瀏覽器，包括Internet Explorer，Mozilla Firefox，Opera和其它一些瀏覽器。

從Fiddler官方網(wǎng)站上可以看見原版的英文介紹：http://www.fiddler2.com/fiddler2/
下載地址：http://www.fiddler2.com/fiddler2/

使用介紹：http://blog.csdn.net/lihongzhai/archive/2009/09/14/4551035.aspx

NUnit

NUnit是一個單元測試框架，專門針對于。NET來寫的.其實在前面有JUnit(Java)，CPPUnit(C++)，他們都是xUnit的一員。最初它是從JUnit而來。現(xiàn)在的版本是2.2.接下來我所用的都是基于這個版本。

下載地址：http://www.nunit.org/index.php

使用介紹：http://www.uml.org.cn/net/200702273.asp

PowerDesigner

簡介：PowerDesigner是Sybase公司的CASE工具集，使用它可以方便地對管理信息系統(tǒng)進行分析設(shè)計，它幾乎包括了數(shù)據(jù)庫模型設(shè)計的全過程。
利用PowerDesigner可以制作數(shù)據(jù)流程圖、概念數(shù)據(jù)模型、物理數(shù)據(jù)模型，可以生成多種客戶端開發(fā)工具的應(yīng)用程序，還可為數(shù)據(jù)倉庫制作結(jié)構(gòu)模型，也能對團隊設(shè)計模型進行控制。

主要功能：DataArchitect：這是一個強大的數(shù)據(jù)庫設(shè)計工具，使用DataArchitect 可利用實體-關(guān)系圖為一個信息系統(tǒng)。創(chuàng)建"概念數(shù)據(jù)模型"－CDM（Conceptual Data Model）。并且可根據(jù)CDM 產(chǎn)生基于某一特定數(shù)據(jù)庫管理系統(tǒng)（例如：Sybase System 11）的"物理數(shù)據(jù)模型"-PDM(Physical Data Model)。還可優(yōu)化PDM，產(chǎn)生為特定DBMS 創(chuàng)建數(shù)據(jù)庫的SQL 語句并可以文件形式存儲以便在其他時刻運行這些SQL 語句創(chuàng)建數(shù)據(jù)庫。另外，DataArchitect還可根據(jù)已存在的數(shù)據(jù)庫反向生成
PDM，CDM 及創(chuàng)建數(shù)據(jù)庫的SQL腳本。
ProcessAnalyst：這部分用于創(chuàng)建功能模型和數(shù)據(jù)流圖，創(chuàng)建"處理層次關(guān)系"。
AppModeler：為客戶/服務(wù)器應(yīng)用程序創(chuàng)建應(yīng)用模型。
ODBC Administrator：此部分用來管理系統(tǒng)的各種數(shù)據(jù)源。

下載地址：http://www.baidu.com/s?tn=sitehao123&bs=PowerDesigner&f=3&wd=powerdesigner%CF%C2%D4%D8&oq=powerdesigner&rsp=0 ：)

使用介紹： http://www.cnblogs.com/yxonline/archive/2007/04.html

Reflector

簡介：Visual Studio內(nèi)置的ILDASM成為最初挖掘程序集的上佳工具。但自從Reflector出現(xiàn)后，ILDASM相形見拙。因為，Reflector能提供更多的程序集信息。Reflector可以將.NET程序集中的中間語言反編譯成C#或者Visual Basic代碼。除了能將IL轉(zhuǎn)換為C#或Visual Basic以外，Reflector還能夠提供程序集中類及其成員的概要信息、提供查看程序集中IL的能力以及提供對第三方插件的支持。

下載地址： /Files/gaoweipeng/Reflector.rar

使用介紹及其他相關(guān)下載：http://www.cnblogs.com/zzy2740/archive/2005/09/20/240216.html

1st JavaScript Editor

簡介： 1st JavaScript Editor 是一款強大的JavaScript開發(fā)、校驗和調(diào)試工具，它簡單易用，不論你是初學(xué)者或者是專業(yè)的開發(fā)人士，都可以輕松上手！同時它又是完美的Ajax (Asynchronous JavaScript and XML),CSS, HTML, DOM DHTML開發(fā)工具！它提供了簡單而且實用的功能：豐富的代碼編輯功能(JavaScript, HTML, CSS, VBScript, PHP ,ASP(Net))，語法高亮，內(nèi)置預(yù)覽功能，提供了完整的HTML 標(biāo)記, HTML 屬性, HTML 事件, JavaScript 事件和JavaScript 函數(shù)等完整的代碼庫，同時有著貼心的代碼自動補全功能。

官網(wǎng)及下載地址：http://yaldex.com/

Regulator

簡介：使用Reglator可以方便的驗證正則表達式的執(zhí)行結(jié)果，帶有智能感知功能。幫助文檔是一個很好的學(xué)習(xí)正則的入門教程，也可以當(dāng)作參考手冊?；旧暇腿?，同時進行學(xué)習(xí)和實踐。還有生成c# or vb.net代碼等附加功能。類似的軟件現(xiàn)在很多：RegexBuddy ，RegexTester。等

下載地址：http://sourceforge.net/projects/regulator/

使用介紹：http://www.ctochina.net/topic/ShowArticle/112.html

小結(jié)：上面的開發(fā)工具都是我平時喜歡用的，希望通過此文的介紹，對沒有使用過的朋友帶來幫助。也希望園子中的朋友們秀一秀自己平時常用的開發(fā)工具，分享些更實用，方便的開發(fā)工具！

二胡 2009-10-20 13:04 發(fā)表評論

關(guān)于ajax應(yīng)用中session過期問題的幾個解決方案

二胡 — Wed, 08 Jul 2009 12:52:00 GMT

        現(xiàn)在web開發(fā)中，ajax應(yīng)用的比較多。關(guān)于此方面的框架也不少。在應(yīng)用中都會遇到session過期
的問題，如處理不當(dāng)會影響用戶體驗，也有可能產(chǎn)生莫名的問題。
        結(jié)合自己的思考和網(wǎng)上相關(guān)內(nèi)容的參考，給出如下解決方案。每個方案都有不同的優(yōu)缺點，歡迎
大家指正。
     方案1:檢查AJAX返回的返回的內(nèi)容是否有標(biāo)簽
           在web系統(tǒng)中，當(dāng)session過期時，當(dāng)用戶有操作的時候，此時系統(tǒng)一般會返回登陸界面。
           讓用戶重新輸入用戶名和密碼。當(dāng)session過期的時候，AJAX請求返回的內(nèi)容應(yīng)該是登陸界面的頁面
          內(nèi)容(即登陸界面的頁面的html代碼)。通過判斷返回內(nèi)容是否用來判斷session是否過期。
     var result=request.responseText;/* ajax返回的內(nèi)容*/

     if(result.indexOf('')>-1){/*返回內(nèi)容中有html標(biāo)簽*/}
     或者
     var r=//ig;
     if(r.test(result)){/*返回內(nèi)容中有html標(biāo)簽*/}
     通過上面的方法可以判斷session是否過期，然后根據(jù)具體的業(yè)務(wù)進行異常處理。

     方案2：返回的結(jié)果中有session是否過期的標(biāo)志。也有人稱為true/false模式
                   此解決方案一般結(jié)合json使用。
     如返回的結(jié)果是:
        var res={
             "result":true,/*session沒有過期,false(session過期)*/
             "data" :""/*其它數(shù)據(jù)*/
                     }
     if(res["result"])
     {
          /*session沒有過期*/
     }else{
         /*session過期*/
     }

     方案3：利用時間戳
     在頁面上搞個全局變量
     var startDate; /*ajax最近一次訪問服務(wù)器的時間,Date類型*/
     if(new Date().getTime()-startDate.getTime()<30*60*1000)
     {
           /*假設(shè)session過期的時間30分鐘*/
           /*session沒有過期*/
     }else{
           /*session過期*/
     }
     哈哈！Do not trust the client

    方案4:延長session過期時間
             此方案有性能問題
          4.1：延長session過期時間
          4.2：client輪循server。(AJAX輪循server或client，server保持長連接)

二胡 2009-07-08 20:52 發(fā)表評論

轉(zhuǎn) XMLHttpRequest().readyState的五種狀態(tài)詳解

二胡 — Mon, 04 May 2009 09:03:00 GMT

轉(zhuǎn) http://javathinker.blog.ccidnet.com/blog-htm-itemid-1262479-do-showone-type-blog-uid-36384.html

在《Pragmatic AJAX中文問題 A Web 2.0 Primer 》中偶然看到對readyStae狀態(tài)的介紹，感覺這個介紹很實在，摘譯如下：

0: (Uninitialized) the send( ) method has not yet been invoked.
1: (Loading) the send( ) method has been invoked, request in progress.
2: (Loaded) the send( ) method has completed, entire response received.
3: (Interactive) the response is being parsed.
4: (Completed) the response has been parsed, is ready for harvesting.

0 －（未初始化）還沒有調(diào)用send()方法
1 －（載入）已調(diào)用send()方法，正在發(fā)送請求
2 －（載入完成）send()方法執(zhí)行完成，已經(jīng)接收到全部響應(yīng)內(nèi)容
3 －（交互）正在解析響應(yīng)內(nèi)容
4 －（完成）響應(yīng)內(nèi)容解析完成，可以在客戶端調(diào)用了

對于readyState的這五種狀態(tài)，其他書中大都語焉不詳。像《Foundations of AJAX中文問題》中，只在書中的表2-2簡單地列舉了狀態(tài)的“名稱”－－The state of the request. The five possible values are 0 = uninitialized, 1 = loading, 2 = loaded, 3 = interactive, and 4 = complete。而《Ajax in Action》中好像根本就沒有提到這5種狀態(tài)的細(xì)節(jié)?！禤rofessional AJAX中文問題》中雖不盡人意，但還是有可取之處：

There are five possible values for readyState:
0 (Uninitialized): The object has been created but the open() method hasn’t been called.
1 (Loading): The open() method has been called but the request hasn’t been sent.
2 (Loaded): The request has been sent.
3 (Interactive). A partial response has been received.
4 (Complete): All data has been received and the connection has been closed.

readyState有五種可能的值：
0 (未初始化)： (XMLHttpRequest)對象已經(jīng)創(chuàng)建，但還沒有調(diào)用open()方法。
1 (載入)：已經(jīng)調(diào)用open() 方法，但尚未發(fā)送請求。
2 (載入完成)：請求已經(jīng)發(fā)送完成。
3 (交互)：可以接收到部分響應(yīng)數(shù)據(jù)。
4 (完成)：已經(jīng)接收到了全部數(shù)據(jù)，并且連接已經(jīng)關(guān)閉。

在《Understanding AJAX中文問題: Using JavaScript to Create Rich Internet Applications》中，則用下表進行了說明：

readyState Status Code
Status of the XMLHttpRequest Object
(0) UNINITIALIZED
未初始化 The object has been created but not initialized. (The open method has not been called.)
（XMLHttpRequest）對象已經(jīng)創(chuàng)建，但尚未初始化（還沒有調(diào)用open方法）。
(1) LOADING
載入 The object has been created, but the send method has not been called.
（XMLHttpRequest）對象已經(jīng)創(chuàng)建，但尚未調(diào)用send方法。
(2) LOADED
載入完成 The send method has been called, but the status and headers are not yet available.
已經(jīng)調(diào)用send方法，（HTTP響應(yīng)）狀態(tài)及頭部還不可用。
(3) INTERACTIVE
交互 Some data has been received. Calling the responseBody and responseText properties at this state to obtain partial results will return an error, because status and response headers are not fully available.
已經(jīng)接收部分?jǐn)?shù)據(jù)。但若在此時調(diào)用responseBody和responseText屬性獲取部分結(jié)果將會產(chǎn)生錯誤，因為狀態(tài)和響應(yīng)頭部還不完全可用。
(4) COMPLETED
完成 All the data has been received, and the complete data is available in the responseBody and responseText properties.
已經(jīng)接收到了全部數(shù)據(jù)，并且在responseBody和responseText屬性中可以提取到完整的數(shù)據(jù)。

根據(jù)以上幾本書中的關(guān)于readyState五種狀態(tài)的介紹，我認(rèn)為還是《Pragmatic AJAX中文問題 A Web 2.0 Primer 》比較到位，因為它提到了對接收到的數(shù)據(jù)的解析問題，其他書中都沒有提到這一點，而這一點正是“(3)交互”階段作為一個必要的轉(zhuǎn)換過程存在于“(2)載入完成”到“(4)完成”之間的理由，也就是其任務(wù)是什么。歸結(jié)起來，我覺得比較理想的解釋方法應(yīng)該以“狀態(tài)：任務(wù)（目標(biāo)）+過程+表現(xiàn)（或特征）”表達模式來對這幾個狀態(tài)進行定義比較準(zhǔn)確，而且讓人容易理解。現(xiàn)試總結(jié)如下：

readyState 狀態(tài)
狀態(tài)說明

(0)未初始化
此階段確認(rèn)XMLHttpRequest對象是否創(chuàng)建，并為調(diào)用open()方法進行未初始化作好準(zhǔn)備。值為0表示對象已經(jīng)存在，否則瀏覽器會報錯－－對象不存在。

(1)載入
此階段對XMLHttpRequest對象進行初始化，即調(diào)用open()方法，根據(jù)參數(shù)(method,url,true)完成對象狀態(tài)的設(shè)置。并調(diào)用send()方法開始向服務(wù)端發(fā)送請求。值為1表示正在向服務(wù)端發(fā)送請求。

(2)載入完成
此階段接收服務(wù)器端的響應(yīng)數(shù)據(jù)。但獲得的還只是服務(wù)端響應(yīng)的原始數(shù)據(jù)，并不能直接在客戶端使用。值為2表示已經(jīng)接收完全部響應(yīng)數(shù)據(jù)。并為下一階段對數(shù)據(jù)解析作好準(zhǔn)備。

(3)交互
此階段解析接收到的服務(wù)器端響應(yīng)數(shù)據(jù)。即根據(jù)服務(wù)器端響應(yīng)頭部返回的MIME類型把數(shù)據(jù)轉(zhuǎn)換成能通過responseBody、responseText或responseXML屬性存取的格式，為在客戶端調(diào)用作好準(zhǔn)備。狀態(tài)3表示正在解析數(shù)據(jù)。

(4)完成
此階段確認(rèn)全部數(shù)據(jù)都已經(jīng)解析為客戶端可用的格式，解析已經(jīng)完成。值為4表示數(shù)據(jù)解析完畢，可以通過XMLHttpRequest對象的相應(yīng)屬性取得數(shù)據(jù)。

概而括之，整個XMLHttpRequest對象的生命周期應(yīng)該包含如下階段：
創(chuàng)建－初始化請求－發(fā)送請求－接收數(shù)據(jù)－解析數(shù)據(jù)－完成

在具體應(yīng)用中，明確了readyState的五個狀態(tài)（XMLHttpRequest對象的生命周期各個階段）的含義，就可以消除對Ajax核心的神秘感（語焉不詳?shù)谋澈笠词枪逝?，制造神秘感；要么就?#8220;以其昏昏，使人昭昭”），迅速把握其實質(zhì)，對減少學(xué)習(xí)中的挫折感和增強自信心都極其有益。

比如，通過如下示例：

//聲明數(shù)組
var states ＝ [“正在初始化……”,
“正在初始化請求……成功！
正在發(fā)送請求……”,
“成功！
正在接收數(shù)據(jù)……”,
“完成！
正在解析數(shù)據(jù)……”,
“完成！
”];

//回調(diào)函數(shù)內(nèi)部代碼片段
if (xmlHttp.readyState==4)
{
var span = document.createElement(“span”);
span.innerHTML = states[xmlHttp.readyState];
document.body.appendChild(span);

if (xmlHttp.status == 200)
{
var xmldoc = xmlHttp.responseXML;
//其他代碼
}

//別忘記銷毀，防止內(nèi)存泄漏
xmlHttp = null;
}else{
var span = document.createElement(“span”);
span.innerHTML = states[xmlHttp.readyState];
document.body.appendChild(span);
}結(jié)果如下：

正在初始化請求……成功！
正在發(fā)送請求……成功！
正在接收數(shù)據(jù)……完成！
正在解析數(shù)據(jù)……完成！

我們很容易明白XMLHttpRequest對象在各個階段都在做什么。因此，也就很容易對Ajax的核心部分有一個真正簡單明了的理解。

二胡 2009-05-04 17:03 發(fā)表評論

轉(zhuǎn) FireBug 調(diào)試JS入門 —如何調(diào)試JS

二胡 — Thu, 16 Apr 2009 01:14:00 GMT

轉(zhuǎn) http://www.tkk7.com/vincent/archive/2009/04/14/265591.html

安裝就不用說了，很簡單，在FireFox上插件庫里找到FireBug就Ok了。下圖是FireBug Debug 窗口。

     FireBug美工用的非常普遍，公司美工妹妹用的非常熟練呵呵，而對于我們開發(fā)人員，主要用它來Debug JS?？纯垂俜綄ebug功能的介紹。
Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and see what each variable looked like at that moment. If your code is a little sluggish, use the JavaScript profiler to measure performance and find bottlenecks fast.
      簡而言之，F(xiàn)ireBug 可以讓我們在任何時候debugJS 并查看變量，同時可以通過它找出JS中性能瓶頸。
      下圖是如何找到Web應(yīng)用的JS，激活Firebug，點Script，然后在All 旁邊選擇你要Debug的JS。

下圖是如何打斷點基本跟Eclipse一樣，點擊行號就Ok了。

下圖是如何在斷點上設(shè)定條件，如果條件符合，就進入斷點，這個功能很不錯，特別是Debug很復(fù)雜的Function時候。

下圖是如何單步調(diào)試，跟Eclipse一樣 F11單步

下圖是查看調(diào)用的Stack，對以復(fù)雜的JS Debug很有幫助。

下圖是查看變量基本跟EclipseDebug 一樣。

下圖是在斷點處查看變量。

有個很好用的功能，代碼行之間快速調(diào)轉(zhuǎn)，使得對上千行的JS調(diào)試很輕松。

下圖就是Performance 測試結(jié)果，使用很簡單點Profile

還有一個Log功能比較實用，看下圖如果你不想每次都進入斷點，用這個就再好不過了。

基本用法就這些了，希望對大家有幫助。

二胡 2009-04-16 09:14 發(fā)表評論

json入門(2) json在服務(wù)器端的應(yīng)用

二胡 — Thu, 11 Sep 2008 00:24:00 GMT

son入門(2) json在服務(wù)器端的應(yīng)用

   在上文中說了json應(yīng)用的一個簡單過程。在本文中詳細(xì)說一個json在服務(wù)器端的應(yīng)用。
   json在服務(wù)器端應(yīng)用大致分為2類：
   1，接受并解析客戶端發(fā)送給服務(wù)器的json數(shù)據(jù)
   2，服務(wù)器向客戶端發(fā)送json數(shù)據(jù)

   下面分別說一下這2方面的應(yīng)用：
   1,接受并解析客戶端發(fā)送給服務(wù)器的json數(shù)據(jù)
   如果客戶端發(fā)送給服務(wù)器的數(shù)據(jù)是 {name:'hello',obj:['age','13']}

   服務(wù)器端程序如下：
   package com.test;
   import org.json.JSONArray;
   import org.json.JSONException;
   import org.json.JSONObject;
   /*+++++++++++++++++++++++++++++++++++++++++++++++++
    +@author lzh
    +Description:
    +Copyright:Copyright 2008 HULIZHONG
    +Author:lzh(hulizhong2008@163.com)
    +History:
   ++++++++++++++++++++++++++++++++++++++++++++++++++*/
   public class JSONHandler {
public void parseJSON(String jsonStr) throws Exception{
     //參數(shù)jsonStr的值為{name:'hello',obj:['age','13']}
  String name=null,age=null;
  JSONObject jSONObject=new JSONObject(jsonStr);

  name=(String)jSONObject.get("name");
  //name的值應(yīng)是hello
  age=((JSONObject)jSONObject.get("obj")).get("age");
  //age的值應(yīng)是13
}
}

上面的程序就完成了服務(wù)器端對客戶端發(fā)送json數(shù)據(jù)的解析工作，再獲取name,age值后，即可進行其它業(yè)務(wù)邏輯處理！

2，服務(wù)器向客戶端發(fā)送json數(shù)據(jù)
     package com;

     import javax.servlet.http.HttpServletResponse;
     import org.json.JSONObject;
     /*+++++++++++++++++++++++++++++++++++++++++++++++++
      +@author lzh
      +Description:
      +Copyright:Copyright 2008 HULIZHONG
      +Author:lzh(hulizhong2008@163.com)
      +History:
     ++++++++++++++++++++++++++++++++++++++++++++++++++*/
    public class JSONResponse {
      public void jsonResponse(HttpServletResponse response) throws Exception {
  //向客戶端發(fā)送數(shù)據(jù):{name:'hello',obj:['age','13']}
  JSONObject obj1 = new JSONObject();
  JSONObject obj2 = new JSONObject();
  obj2.put("age", "13");
  obj1.put("name", "hello");
  obj1.put("obj", obj2);

  response.setHeader("Cache-Control", "no-cache");
  response.setContentType("text/plain");
  response.setCharacterEncoding("UTF-8");
        //obj1.toString()即為{name:'hello',obj:['age','13']}
  response.getWriter().print(obj1.toString());
}
   }
   上述代碼即為完成了服務(wù)端向客戶端發(fā)送json數(shù)據(jù)的解析工作,客戶端在接受{name:'hello',obj:['age','13']}數(shù)據(jù)后
   根據(jù)具體業(yè)務(wù)要求進行數(shù)據(jù)處理

   參考:
   www.JSON.org：訪問 JSON Web 站點來進一步了解這種數(shù)據(jù)格式，包括到幾種 JSON API 實現(xiàn)的鏈接
下載附件:
   /Files/hulizhong/json.pdf

二胡 2008-09-11 08:24 發(fā)表評論

json入門(1)

二胡 — Tue, 02 Sep 2008 11:15:00 GMT

json入門(1)
     json是JavaScript Object Notation的簡稱；在web系統(tǒng)開發(fā)中與AJAX相結(jié)合用的比較多。
在ajax中數(shù)據(jù)傳輸有2中方式：文本類型，常用responseText屬性類獲取；XML類型，常用responseXML屬性來獲取
返回文本類型，處理起來比較簡單，處理XML在前臺處理比較麻煩；但是在系統(tǒng)開發(fā)中返回簡單的文本類型常不能滿足
需求，返回XML在前臺處理起來又比較復(fù)雜；
     在此情況下，用json處理起來就比較方便；關(guān)于json和XML的優(yōu)缺點比較，網(wǎng)上說的比較多，在此我就談寫自己在使用
過程中的感受：XML權(quán)威不可否認(rèn)，但是在前臺頁面處理復(fù)雜，不能版本的瀏覽器實現(xiàn)XML的解析方式也有所差別；json在這
方面有優(yōu)勢，json就是利用javascrpt語言的特性，把從服務(wù)器端返回的字符串轉(zhuǎn)換成js對象；
     在javascrpt中可以用如下方式定義對象：
      var obj={name:"hello world"};
      等價與
      var s="{name:'hello world'}";
      var obj=eval("("+s+")");

      如果要獲取name屬性的值，只需調(diào)用obj["name"]即可。如果服務(wù)器端返回的是hello world，則要取的name屬性
的值就復(fù)雜的多；如果返回的XML格式的數(shù)據(jù)再復(fù)雜些，處理起來更麻煩。而json就是把服務(wù)器端返回的文本數(shù)據(jù)，在前臺利用
javascript語言的特性，把文本數(shù)據(jù)轉(zhuǎn)換成js對象；
      如下：
      服務(wù)器端：
      server.jsp

      <%@ page language="java" pageEncoding="UTF-8"%>








    <%
      response.setContentType("text/html;charset=utf-8");
   response.getWriter().write("{name:'hello word',obj:{age:11}}");
    %>

   客戶端:
   client.html
   不相關(guān)的代碼省略不寫了
   var strResult = objXMLReq.responseText;
   變量strResult的數(shù)值就是"{name:'hello word',obj:{age:11}}";
   利用javascrpt語言的特性:
   strResult=eval("("+strResult+")");
   這樣strResult就轉(zhuǎn)換成了js對象了;
   如果你要獲取name和age的數(shù)值，只需要：
   var name=strResult["name"];
   var age=strResult["obj"]["age"];
   比處理XML數(shù)據(jù)要方便的多;

   文筆不好，請大家見量！json相關(guān)內(nèi)容回陸續(xù)推出！
下載附件:
   /Files/hulizhong/json.pdf

二胡 2008-09-02 19:15 發(fā)表評論

AJAX中文問題總結(jié)

二胡 — Sat, 21 Apr 2007 03:07:00 GMT

AJAX中文問題分為兩大類：
   1）發(fā)送路徑中的參數(shù)有中文，在服務(wù)器段接收參數(shù)值是亂碼

   例如：
   var url="a.jsp?name=小李"；
   xmlHTTP.open ("post",url,true);
   解決辦法：
   利用javascript的提供的escape()或encodeURI()方法
   例如：
   客戶端：
   var url="a.jsp?name=小李"；
   url=encodeURI(url);
   url=encodeURI(url); //兩次，很關(guān)鍵[具體為什么，我也不清楚]
   /********************************************/
   也有人寫成var url="a.jsp?name=escape("小李")"；
   功能和encodeURI方法類似。
   /********************************************/
   xmlHTTP.setrequestheader("cache-control","no-cache");
   xmlHTTP.setrequestheader("Content-Type","application/x-www-form-urlencoded");
   xmlHTTP.setrequestheader("contentType","text/html;charset=uft-8")//指定發(fā)送數(shù)據(jù)的編碼格式
   xmlHTTP.open ("post",url,true);
   服務(wù)器端：
   String name = request.getParameter("name");
          name = java.net.URLDecoder.decode(name, "UTF-8");
   2）返回來的responseText或responseXML的值中含有中文是亂碼
   原因：AJAX在接收responseText或responseXML的值的時候是按照UTF-8的格式來解碼的，如果服務(wù)器段發(fā)送的數(shù)據(jù)不是UTF-8的格式，那么接收responseText或responseXML的值有可能為亂碼。
   解決辦法：在服務(wù)器指定發(fā)送數(shù)據(jù)的格式：
   在jsp文件中：
   response.setContentType("text/text;charset=UTF-8");//返回的是txt文本文件
   或是
   response.setContentType("text/xml;charset=UTF-8");//返回的xml文件

   總結(jié):1)ajax提交數(shù)據(jù)的格式默認(rèn)為utf-8,利用javascript的提供的escape()或encodeURI()方法.在服務(wù)器端接收的時候要使用java.net.URLDecoder.decode("","UTF-8")方法進行解碼.
        2)xtmlhttp 返回的數(shù)據(jù)默認(rèn)的字符編碼是utf-8,所以服務(wù)器要向客戶端發(fā)送數(shù)據(jù)的時候,也要采用utf-8編碼
          如果上述方法仍然解決不了亂碼問題,那你嘗試一下把jsp,htm,java文件用UTF-8編碼格式保存.
        總之:前后臺數(shù)據(jù)交互都采用utf-8編碼就行了.
下載附件:
/Files/hulizhong/AJAX.pdf

二胡 2007-04-21 11:07 發(fā)表評論