<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    posts - 22,comments - 35,trackbacks - 0

    在ajax應(yīng)用中,通常一個頁面要同時發(fā)送多個請求,如果只有一個XMLHttpRequest對象,前面的請求還未完成,后面的就會把前面的覆蓋掉,如果每次都創(chuàng)建一個新的XMLHttpRequest對象,也會造成浪費。解決的辦法就是創(chuàng)建一個XMLHttpRequset的對象池,如果池里有空閑的對象,則使用此對象,否則將創(chuàng)建一個新的對象。

    下面是我最近寫的一個簡單的類:

    /**
    ?*?XMLHttpRequest?Object?Pool
    ?*
    ?*?@author????legend?<legendsky@hotmail.com>
    ?*?@link??????http://www.ugia.cn/?p=85
    ?*?@Copyright?www.ugia.cn
    ?*/?

    var? XMLHttp? =?{
    ????
    _objPool :?[],

    ????
    _getInstance :?function?()
    ????{
    ????????for?(var?
    i? =? 0 ;? i? <? this . _objPool . length ;? i? ++)
    ????????{
    ????????????if?(
    this . _objPool [ i ]. readyState? ==? 0? ||? this . _objPool [ i ]. readyState? ==? 4 )
    ????????????{
    ????????????????return?
    this . _objPool [ i ];
    ????????????}
    ????????}

    ????????
    //?IE5中不支持push方法
    ????????
    this . _objPool [ this . _objPool . length ]?=? this . _createObj ();

    ????????return?
    this . _objPool [ this . _objPool . length? -? 1 ];
    ????},

    ????
    _createObj :?function?()
    ????{
    ????????if?(
    window . XMLHttpRequest )
    ????????{
    ????????????var?
    objXMLHttp? =?new? XMLHttpRequest ();

    ????????}
    ????????else
    ????????{
    ????????????var?
    MSXML? =?[ 'MSXML2.XMLHTTP.5.0' ,? 'MSXML2.XMLHTTP.4.0' ,? 'MSXML2.XMLHTTP.3.0' ,? 'MSXML2.XMLHTTP' ,? 'Microsoft.XMLHTTP' ];
    ????????????for(var?
    n? =? 0 ;? n? <? MSXML . length ;? n? ++)
    ????????????{
    ????????????????
    try
    ????????????????
    {
    ????????????????????var?
    objXMLHttp? =?new? ActiveXObject ( MSXML [ n ]);
    ????????????????????break;
    ????????????????}
    ????????????????
    catch ( e )
    ????????????????{
    ????????????????}
    ????????????}
    ?????????}??????????

    ????????
    //?mozilla某些版本沒有readyState屬性
    ????????
    if?( objXMLHttp . readyState? ==? null )
    ????????{
    ????????????
    objXMLHttp . readyState? =? 0 ;

    ????????????
    objXMLHttp . addEventListener ( "load" ,?function?()
    ????????????????{
    ????????????????????
    objXMLHttp . readyState? =? 4 ;

    ????????????????????if?(
    typeof?objXMLHttp . onreadystatechange? ==? "function" )
    ????????????????????{
    ????????????????????????
    objXMLHttp . onreadystatechange ();
    ????????????????????}
    ????????????????},??
    false );
    ????????}

    ????????return?
    objXMLHttp ;
    ????},

    ????
    //?發(fā)送請求(方法[post,get],?地址,?數(shù)據(jù),?回調(diào)函數(shù))
    ????
    sendReq :?function?( method ,? url ,? data ,? callback )
    ????{
    ????????var?
    objXMLHttp? =? this . _getInstance ();

    ????????
    with ( objXMLHttp )
    ????????{
    ????????????
    try
    ????????????
    {
    ????????????????
    //?加隨機數(shù)防止緩存
    ????????????????
    if?( url . indexOf ( "?" )?>? 0 )
    ????????????????{
    ????????????????????
    url? +=? "&randnum="? +? Math . random ();
    ????????????????}
    ????????????????else
    ????????????????{
    ????????????????????
    url? +=? "?randnum="? +? Math . random ();
    ????????????????}

    ????????????????
    open ( method ,? url ,? true );

    ????????????????
    //?設(shè)定請求編碼方式
    ????????????????
    setRequestHeader ( 'Content-Type' ,? 'application/x-www-form-urlencoded;?charset=UTF-8' );
    ????????????????
    send ( data );
    ????????????????
    onreadystatechange? =?function?()
    ????????????????{
    ????????????????????if?(
    objXMLHttp . readyState? ==? 4? &&?( objXMLHttp . status? ==? 200? ||? objXMLHttp . status? ==? 304 ))
    ????????????????????{
    ????????????????????????
    callback ( objXMLHttp );
    ????????????????????}
    ????????????????}
    ????????????}
    ????????????
    catch ( e )
    ????????????{
    ????????????????
    alert ( e );
    ????????????}
    ????????}
    ????}
    };?

    示例:

    < script?type = "text/javascript"? src = "xmlhttp.js" > </script>
    <script?type="text/javascript">
    function?test(obj)
    {
    ????alert(obj.statusText);
    }

    XMLHttp.sendReq('GET',?'http://www.ugia.cn/wp-data/test.htm',?'',?test);
    XMLHttp.sendReq('GET',?'http://www.ugia.cn/wp-data/test.htm',?'',?test);
    XMLHttp.sendReq('GET',?'http://www.ugia.cn/wp-data/test.htm',?'',?test);
    XMLHttp.sendReq('GET',?'http://www.ugia.cn/wp-data/test.htm',?'',?test);

    alert('Pool?length:'?+?XMLHttp._objPool.length);
    </script>?

    源代碼里有中文的注釋,是ansi的,如果你的網(wǎng)站或ie下選擇編碼為UTF-8,可能會導致錯誤,你把你ie的編碼改成gb2312看看,或者去掉文件里的中文注釋

    posted on 2006-11-18 13:38 kelven 閱讀(422) 評論(1)  編輯  收藏 所屬分類: Ajax

    FeedBack:
    # re: XMLHttpRequest對象池
    2008-03-07 15:16 | wq
    不錯




    Java架構(gòu)俱樂部,QQ群2826942 ,交流Java架構(gòu),領(lǐng)域模型,設(shè)計模式,AOP,IOC,輕量級,DDD,項目管理,設(shè)計思想等問題,聚集經(jīng)驗豐富的高級程序員,架構(gòu)師,項目經(jīng)理等交流以上層面較高的問題。歡迎各位有識之士加入,共同探討、發(fā)表高見、廣結(jié)精英。為了使各位成員免受無聊信息和低端問題的打擾,請盡量避免討論代碼實現(xiàn)等入門級問題,維護本群的氛圍和討論質(zhì)量。新手勿加  回復  更多評論
      
    主站蜘蛛池模板: 国内精品久久久久影院亚洲| 亚洲男人天堂2017| 亚洲JIZZJIZZ妇女| 成年人网站在线免费观看| 久久丫精品国产亚洲av| 8x成人永久免费视频| 亚洲色图国产精品| 亚洲视频免费一区| 亚洲三级在线播放| 成人超污免费网站在线看| 亚洲制服丝袜一区二区三区| 青娱分类视频精品免费2| 亚洲 欧洲 日韩 综合在线| 女人18毛片水最多免费观看| 亚洲国产aⅴ成人精品无吗| 国产午夜免费福利红片| 一级A毛片免费观看久久精品| 中文字幕亚洲第一| 久久国产精品免费专区| 亚洲香蕉久久一区二区| 精品免费国产一区二区三区| 男人免费视频一区二区在线观看| 国产AV无码专区亚洲AV漫画| 最好看的中文字幕2019免费| 亚洲AV无码一区二区三区牛牛| 国产青草视频在线观看免费影院| 精品乱子伦一区二区三区高清免费播放| 亚洲女初尝黑人巨高清| 色老头永久免费网站| 国产精品亚洲AV三区| 国产偷v国产偷v亚洲高清| **毛片免费观看久久精品| 鲁死你资源站亚洲av| 国产亚洲精品无码成人| 91精品视频免费| 又硬又粗又长又爽免费看 | 特黄特色大片免费| 亚洲AV一宅男色影视| 午夜视频免费观看| 日本一区午夜艳熟免费| 456亚洲人成在线播放网站|