OSDN Git Service

Version 0.4.148, working MSXML @ X.XHR.
authoritozyun <itozyun@user.sourceforge.jp>
Wed, 13 May 2015 10:50:14 +0000 (19:50 +0900)
committeritozyun <itozyun@user.sourceforge.jp>
Wed, 13 May 2015 10:50:14 +0000 (19:50 +0900)
0.6.x/js/06_net/01_XNetXHR.js

index 9b5d7df..490cb6c 100644 (file)
@@ -29,6 +29,10 @@ http://d.hatena.ne.jp/sshi/20060904/p1
 itozyun 2014-10-30 20:55:41\r
 basic 認証のかかったhtml を表示して、そのjsが xhr をすると Android1.6 では 401 error が返る。Android 2.3 では解決している。\r
 Android1.6- の XHR で 401 エラーが返った場合は、iframe に xml を表示させてその内容を取ればサーバ側の対応無しでいけるかも?\r
+\r
+IE9 で 画像バイナリの取得 VBA をかましている\r
+http://web.archive.org/web/20130808105151/http://gurimmer.lolipop.jp/daihakken/2012/05/22/javascriptajaxxmlhttprequest%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9Fajax%E3%81%AE%E3%82%A8%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%89\r
+http://d.hatena.ne.jp/maachang/20130221/1361427565\r
  */\r
 var // Opera7.6+, Safari1.2+, khtml3.?+, Gecko0.9.7+\r
        // ie7&8 ではローカルリソースには ActiveX の XHR を使う\r
@@ -40,7 +44,8 @@ var // Opera7.6+, Safari1.2+, khtml3.?+, Gecko0.9.7+
        X_Net_XHR_createXDR   = window[ 'XDomainRequest' ] && function(){ return X_Net_XHR_xdr || ( X_Net_XHR_xdr = new XDomainRequest() ); },\r
        X_Net_XHR_xdr         = X_Net_XHR_createXDR && X_Net_XHR_createXDR(),\r
 \r
-       X_Net_XHR_createMSXML = X_UA[ 'ActiveX' ] && ( X_UA[ 'IE5x' ] || X_UA[ 'IE6' ] || ( X_URL_IS_LOCAL && X_UA[ 'IE' ] ) ) &&\r
+       // ie11の互換モード(7,8,5)の msxml はいまいち動かない\r
+       X_Net_XHR_createMSXML = X_UA[ 'ActiveX' ] && ( X_UA[ 'IE5x' ] || X_UA[ 'IE6' ] || X_URL_IS_LOCAL ) &&\r
                ( new Function( 'f', [\r
                        'var x=".XMLHTTP",',\r
                                'm="MSXML2"+x,',\r
@@ -55,15 +60,15 @@ var // Opera7.6+, Safari1.2+, khtml3.?+, Gecko0.9.7+
                        '}'\r
                ].join( '' ) ) ),\r
 \r
-       X_Net_XHR_VERSION     = 0,      \r
+       X_Net_XHR_msXMLVer    = 0,      \r
        X_Net_XHR_msXML       = X_Net_XHR_createMSXML && X_Net_XHR_createMSXML( true ),\r
        \r
-       X_Net_XHR_unReuseAlways = /* !X_UA[ 'IECompat' ] && */ X_UA[ 'IE' ] < 9,\r
+       X_Net_XHR_neverReuse  = X_UA[ 'IE' ] < 9, // ie7,8 の xhr はリユース不可。msxml はリユース可能。\r
        \r
        X_Net_XHR_init;\r
 \r
 if( X_Net_XHR_msXML ){\r
-       X_Net_XHR_VERSION  = X_Net_XHR_msXML[ 0 ];\r
+       X_Net_XHR_msXMLVer = X_Net_XHR_msXML[ 0 ];\r
        X_Net_XHR_msXML    = X_Net_XHR_msXML[ 1 ];\r
 } else {\r
        X_Net_XHR_createMSXML = null;\r
@@ -125,16 +130,17 @@ X_TEMP.X_Net_XHR_init = function(){
                                        headers  = obj[ 'headers' ] || {},\r
                                        postdata = obj[ 'postdata' ] || '',\r
                                        timeout  = obj[ 'timeout' ] || 20000,\r
+                                       noCache  = obj[ 'cache' ] !== true,\r
                                        xDomain  = !X_URL_isSameDomain( url ),\r
                                        isFile   = X_URL_isLocal( url ),\r
+                                       init,\r
                                        tmp;\r
 \r
                                this._dataType = obj[ 'dataType' ] || X_URL_getEXT( url );\r
                                \r
                                if( !raw || xDomain !== this._isXDR || ( X_Net_XHR_createMSXML && isFile !== this._isMsXML ) ){\r
-                                       \r
                                        this[ 'unlisten' ]( [ 'load', 'readystatechange', 'progress', 'error', 'timeout' ] );\r
-                                       \r
+                                       init = true;\r
                                        this[ '_rawObject' ] = raw = xDomain ?\r
                                                                                                        X_Net_XHR_createXDR() :\r
                                                                                                 isFile ?\r
@@ -149,27 +155,6 @@ X_TEMP.X_Net_XHR_init = function(){
                                        // raw === XDR これは error になるのでフラグに控える\r
                                        this._isXDR   = X_Net_XHR_createXDR && xDomain;\r
                                        this._isMsXML = !X_Net_XHR_createW3C || ( isFile && X_Net_XHR_createMSXML );\r
-\r
-                                       if( this._isMsXML ){\r
-                                               this[ 'listen' ]( 'readystatechange' ); // TODO ie7 ActiveX の場合、error は不可 toggleAllEvent のあたり\r
-                                       } else\r
-                                       if( X_UA[ 'IE8' ] ){\r
-                                               this[ 'listen' ]( [ 'readystatechange', 'error', 'timeout' ] );\r
-                                       } else\r
-                                       if( X_UA[ 'IE7' ] ){\r
-                                               this[ 'listen' ]( [ 'readystatechange', 'error' ] );\r
-                                       } else\r
-                                       if( X_Net_XHR_progress ){\r
-                                               this[ 'listen' ]( [ 'load', 'progress', 'error', 'timeout' ] ); //, 'abort'\r
-                                       } else {\r
-                                               this[ 'listen' ]( [ 'load', 'readystatechange', 'error', 'timeout' ] ); //, 'abort'\r
-                                       };\r
-                               \r
-                                       X_EventDispatcher_toggleAllEvents( this, true );\r
-                               \r
-                                       if( X_Net_XHR_upload ){\r
-                                               raw.upload.addEventListener( 'progress', this.onUploadProgress );\r
-                                       };\r
                                };\r
                                \r
                                raw.open( method, url, async, username, password );\r
@@ -201,7 +186,7 @@ X_TEMP.X_Net_XHR_init = function(){
                                };\r
                                \r
                                // http://www.quirksmode.org/blog/archives/2005/09/xmlhttp_notes_r_1.html\r
-                               if( !this._isMsXML && raw.overrideMimeType ){\r
+                               if( !this._isMsXML && raw.overrideMimeType ){   \r
                                        switch( X_URL_getEXT( url ) ){\r
                                                case 'html' :\r
                                                case 'xml' :\r
@@ -234,8 +219,7 @@ X_TEMP.X_Net_XHR_init = function(){
                                        if( tmp = obj[ 'mimeType' ] || tmp ) raw.overrideMimeType( tmp );\r
                                };\r
 \r
-                               if( !this._isMsXML && !this._isXDR && raw.setRequestHeader ){\r
-                                       \r
+                               if( !this._isXDR && ( this._isMsXML ? 3 <= X_Net_XHR_msXMLVer : raw.setRequestHeader ) ){ // msxml は setRequestHeader getter がいけない\r
                                        // http://nakigao.sitemix.jp/blog/?p=2040\r
                                        // json 取得時に SafariでHTTP/412のエラー。但し相手が audio の場合、この指定があるとロードに失敗する。 iOS8.2, iOS7.1 では遭遇せず\r
                                        if( this._dataType === 'json' ){\r
@@ -247,9 +231,15 @@ X_TEMP.X_Net_XHR_init = function(){
                                                headers[ 'X-Requested-With' ] = 'XMLHttpRequest';\r
                                        };\r
                                        \r
-                                       if( method === 'POST' ){\r
+                                       if( method === 'POST' && !headers[ 'Content-Type' ] ){\r
                                                headers[ 'Content-Type' ] = 'application/x-www-form-urlencoded';\r
                                        };\r
+                                       /*\r
+                                       if( noCache ){\r
+                                               headers[ 'Pragma' ] = 'no-cache';\r
+                                               headers[ 'Cache-Control' ] = 'no-cache';\r
+                                               headers[ 'If-Modified-Since' ] = 'Thu, 01 Jun 1970 00:00:00 GMT';\r
+                                       }; */\r
                                        \r
                                        for( p in headers ){\r
                                                if( X_EMPTY_OBJECT[ p ] ) continue;\r
@@ -257,7 +247,7 @@ X_TEMP.X_Net_XHR_init = function(){
                                        };\r
                                };\r
                                \r
-                               if( raw.timeout !== undefined ){\r
+                               if( !this._isMsXML && raw.timeout !== undefined ){\r
                                        raw.timeout = timeout;\r
                                } else {\r
                                        this._timerID = X_Timer_once( timeout, this, this.onTimeout );\r
@@ -268,8 +258,28 @@ X_TEMP.X_Net_XHR_init = function(){
 \r
                                raw.send( X_Type_isString( postdata ) ? postdata : X_String_serialize( postdata ) );\r
 \r
-                               if( !async || raw.readyState === 4 ){ // raw.readyState へのアクセスで ie7 実機でerror\r
-                                       this[ 'asyncDispatch' ]( this[ 'listening' ]( 'load' ) ? 'load' : 'readystatechange' );\r
+                               if( !async || raw.readyState === 4 ){\r
+                                       X_Timer_once( 32, this, this.handleEvent, [ { type : 'readystatechange' } ] );\r
+                               } else\r
+                               if( init ){\r
+                                       if( this._isMsXML ){\r
+                                               raw[ 'onreadystatechange' ] = X_NET_XHRWrapper.handleEvent;\r
+                                       } else\r
+                                       if( X_UA[ 'IE8' ] ){\r
+                                               this[ 'listen' ]( [ 'readystatechange', 'error', 'timeout' ] );\r
+                                       } else\r
+                                       if( X_UA[ 'IE7' ] ){\r
+                                               this[ 'listen' ]( [ 'readystatechange', 'error' ] );\r
+                                       } else\r
+                                       if( X_Net_XHR_progress ){\r
+                                               this[ 'listen' ]( [ 'load', 'progress', 'error', 'timeout' ] ); //, 'abort'\r
+                                       } else {\r
+                                               this[ 'listen' ]( [ 'load', 'readystatechange', 'error', 'timeout' ] ); //, 'abort'\r
+                                       };\r
+                               \r
+                                       if( X_Net_XHR_upload ){\r
+                                               raw.upload.addEventListener( 'progress', this.onUploadProgress );\r
+                                       };\r
                                };\r
                        },\r
                        \r
@@ -279,6 +289,17 @@ X_TEMP.X_Net_XHR_init = function(){
                        },\r
                        \r
                        reset : function(){\r
+                               \r
+                               this._method   = this._dataType = '';\r
+                               this._canceled = this._busy = this._error = false;\r
+                               this._timerID && X_Timer_remove( this._timerID );\r
+                               this._percent  = this._timerID = 0;\r
+                               \r
+                               // XMLHttpRequest の使い方\r
+                               // http://webos-goodies.jp/archives/50548720.html\r
+                               // XMLHttpRequest オブジェクトを再利用する際も、 abort メソッドを呼び出す必要があるようです。\r
+                               this[ '_rawObject' ].abort && this[ '_rawObject' ].abort();     \r
+                               \r
                                // XMLHttpRequest で順番にリソースを取得する\r
                                // http://note.chiebukuro.yahoo.co.jp/detail/n16248\r
                                // Opera 10.10 と Safari 4.1 はエラーが起きた XHR を再利用できないので毎回作る\r
@@ -289,52 +310,36 @@ X_TEMP.X_Net_XHR_init = function(){
                                // Opera 10.10、Safari 4.1 では、同一オリジン制限に違反した XMLHttpRequest オブジェクトは再度 open() しても未送信状態に戻りません。\r
                                \r
                                // Timeout した Gecko の xhr.response に触るとエラー??\r
-                               if( this._error && ( X_UA[ 'Opera' ] || X_UA[ 'Webkit' ]  || X_UA[ 'Gecko' ] ) ){\r
+\r
+                               if( this._error || ( X_Net_XHR_neverReuse && !this._isMsXML ) ){\r
+                                       \r
                                        if( X_Net_XHR_upload ){\r
                                                X_Net_XHR_w3c.upload.removeEventListener( 'progress', this.onUploadProgress );\r
                                        };\r
+\r
+                                       // ie7 は xhr object を再利用できない。但し send のあとに alert を挟むと動いた、、、\r
+                                       // ie7モード(IE11) では再利用可能、、、\r
                                                                                \r
                                        X_EventDispatcher_toggleAllEvents( this, false );\r
-                                       this[ '_rawObject' ] = X_Net_XHR_w3c = null;\r
-                                       //X_EventDispatcher_toggleAllEvents( this, true );\r
-\r
-                               } else {\r
-                                       // XMLHttpRequest の使い方\r
-                                       // http://webos-goodies.jp/archives/50548720.html\r
-                                       // XMLHttpRequest オブジェクトを再利用する際も、 abort メソッドを呼び出す必要があるようです。\r
-                                       this[ '_rawObject' ].abort && this[ '_rawObject' ].abort();                                             \r
+                                       this[ '_rawObject' ] = null;\r
                                        \r
-                                       if( X_Net_XHR_unReuseAlways ){\r
-                                               // ie7 は xhr object を再利用できない。但し send のあとに alert を挟むと動いた、、、\r
-                                               // ie7モード(IE11) では再利用可能、、、\r
-                                               X_EventDispatcher_toggleAllEvents( this, false );\r
-                                               this[ '_rawObject' ] = null;\r
-                                               \r
-                                               if( this._isXDR ){\r
-                                                       X_Net_XHR_xdr   = null;\r
-                                               } else\r
-                                               if( this._isMsXML ){\r
-                                                       X_Net_XHR_msXML = null;\r
-                                               } else {\r
-                                                       X_Net_XHR_w3c   = null;\r
-                                               };\r
+                                       if( this._isXDR ){\r
+                                               X_Net_XHR_xdr   = null;\r
                                                delete this._isXDR;\r
-                                               delete this._isMsXML;\r
-                                       };\r
-                               };\r
+                                       } else {\r
+                                               X_Net_XHR_w3c   = null;\r
+                                       };                              \r
 \r
-                               this._method   = this._dataType = '';\r
-                               this._canceled = this._busy = this._error = false;\r
-                               this._timerID && X_Timer_remove( this._timerID );\r
-                               this._percent  = this._timerID = 0;\r
+                                       this[ 'unlisten' ]( [ 'load', 'readystatechange', 'progress', 'error', 'timeout' ] );\r
+                               };\r
                        },\r
                        \r
                        handleEvent : function( e ){\r
-                               var raw  = this[ '_rawObject' ],\r
-                                       live = !this._canceled,\r
+                               var raw  = X_NET_XHRWrapper[ '_rawObject' ],\r
+                                       live = !X_NET_XHRWrapper._canceled,\r
                                        status, data;\r
 \r
-                               switch( e.type ){\r
+                               switch( e && e.type || 'readystatechange' ){\r
                                        /*\r
                                         * http://memopad.bitter.jp/w3c/ajax/ajax_xmlhttprequest_onreadystatechange.html\r
                                        readyState      XMLHttpRequest のステータスを保持する。0 から 4 までに変化する:\r
@@ -356,14 +361,14 @@ X_TEMP.X_Net_XHR_init = function(){
                                                                case 1 :\r
                                                                        return;\r
                                                                case 2 : // 0% ajaxstart\r
-                                                                       live && this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : 0 } );\r
+                                                                       live && X_NET_XHRWrapper[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : 0 } );\r
                                                                        return;\r
                                                                case 3 :\r
-                                                                       live && this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : this._percent < 99.9 ? 99.9 : ( this._percent + 100 ) / 2 } );\r
+                                                                       live && X_NET_XHRWrapper[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : X_NET_XHRWrapper._percent < 99.9 ? 99.9 : ( X_NET_XHRWrapper._percent + 100 ) / 2 } );\r
                                                                        // 99.9%\r
                                                                        return;\r
                                                                case 4 :\r
-                                                                       if( this._percent === 100 ) return; // Opera8 readystatechange が2重に発生\r
+                                                                       if( X_NET_XHRWrapper._percent === 100 ) return; // Opera8 readystatechange が2重に発生\r
                                                                        // 100%\r
                                                                        break; // load へ\r
                                                                default :\r
@@ -373,13 +378,12 @@ X_TEMP.X_Net_XHR_init = function(){
                                                //};\r
        \r
                                        case 'load' :\r
-                                               \r
-                                               if( !live ) return this.reset();\r
-                                               if( !this._busy ) return;\r
+\r
+                                               if( !X_NET_XHRWrapper._busy ) return;\r
                                                \r
                                                \r
-                                               this._percent = 100;\r
-                                               this._busy    = false;\r
+                                               X_NET_XHRWrapper._percent = 100;\r
+                                               X_NET_XHRWrapper._busy    = false;\r
                                                status        = raw.status;\r
                                                \r
                                                // https://code.google.com/p/fakeworker-js/source/browse/src/javascript/fakeworker.js\r
@@ -398,7 +402,7 @@ X_TEMP.X_Net_XHR_init = function(){
                                                        // raw.getAllResponseHeaders();\r
                                                        \r
                                                        // parse json, html, xml, text, script, css\r
-                                                       switch( this._dataType ){\r
+                                                       switch( X_NET_XHRWrapper._dataType ){\r
                                                                case '' :\r
                                                                case 'text' :\r
                                                                        data = raw[ 'responseText' ];\r
@@ -424,31 +428,30 @@ X_TEMP.X_Net_XHR_init = function(){
                                                                        break;\r
                                                        };\r
 \r
-                                                       this[ 'asyncDispatch' ]( 32, { type : X_EVENT_SUCCESS, status : status || 200, data : data } );\r
-                                               } else\r
-                                               if( live ){\r
-                                                       this[ 'asyncDispatch' ]( 32, { type : X_EVENT_ERROR, status : raw.status || 0, 'percent' : 100 } );\r
+                                                       X_NET_XHRWrapper[ 'asyncDispatch' ]( 32, { type : X_EVENT_SUCCESS, status : status || 200, data : data } );\r
+                                               } else {\r
+                                                       X_NET_XHRWrapper[ 'asyncDispatch' ]( 32, { type : X_EVENT_ERROR, status : raw.status || 0, 'percent' : 100 } );\r
                                                };\r
                                                break;\r
                                        \r
                                        case 'progress' :\r
                                                if( e.lengthComputable ){\r
-                                                       this._percent = e.loaded / e.total;\r
-                                                       live && this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : this._percent } );\r
+                                                       X_NET_XHRWrapper._percent = e.loaded / e.total;\r
+                                                       live && X_NET_XHRWrapper[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : X_NET_XHRWrapper._percent } );\r
                                                };\r
                                                break;\r
                                        \r
                                        case 'error' :\r
                                        //console.dir( e );\r
-                                               this._busy  = false;\r
-                                               this._error = X_UA[ 'Opera' ] || X_UA[ 'Webkit' ] ;\r
-                                               live && this[ 'asyncDispatch' ]( 32, { type : X_EVENT_ERROR, status : raw.status } );\r
+                                               X_NET_XHRWrapper._busy  = false;\r
+                                               X_NET_XHRWrapper._error = X_UA[ 'Opera' ] || X_UA[ 'Webkit' ] ;\r
+                                               live && X_NET_XHRWrapper[ 'asyncDispatch' ]( 32, { type : X_EVENT_ERROR, status : raw.status } );\r
                                                break;\r
 \r
                                        case 'timeout' : // Gecko 12.0 https://developer.mozilla.org/ja/docs/XMLHttpRequest/Synchronous_and_Asynchronous_Requests\r
-                                               this._busy  = false;\r
-                                               this._error = !!X_UA[ 'Gecko' ];\r
-                                               this[ 'asyncDispatch' ]( X_EVENT_TIMEOUT );\r
+                                               X_NET_XHRWrapper._busy  = false;\r
+                                               X_NET_XHRWrapper._error = !!X_UA[ 'Gecko' ];\r
+                                               X_NET_XHRWrapper[ 'asyncDispatch' ]( X_EVENT_TIMEOUT );\r
                                                break;\r
                                };\r
                        },\r