OSDN Git Service

Version 0.6.160, fix X.Net.
[pettanr/clientJs.git] / 0.6.x / js / 06_net / 01_XNetXHR.js
index 490cb6c..7e3bfe7 100644 (file)
@@ -1,3 +1,5 @@
+//{+xhr"XHR,XDR,MSXMLによる通信"(XMLHTTPRequest, XDomainRequest, ActiveX-MSXML を使った通信)[+net]\r
+\r
 // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest\r
 // https://web.archive.org/web/20071101021832/http://web.paulownia.jp/script/ajax/xmlhttp4.html\r
 // https://web.archive.org/web/20091029170015/http://wiki.paulownia.jp/ajax/xmlhttprequest\r
@@ -33,18 +35,26 @@ Android1.6- の XHR で 401 エラーが返った場合は、iframe に xml を
 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
+http://web.archive.org/web/20130531162446/http://gurimmer.lolipop.jp/daihakken/2012/06/25/ajaxjavascript%E3%83%8D%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96xmlhttp%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88%E3%81%A8%E3%81%AF/\r
+\r
+IE8 以下で xhr の失敗率が高い問題 \r
+http://tkengo-totoro.blogspot.jp/2011/11/iexmlhttprequest.html\r
+TODO クライアント側にもリトライ機構を入れてみる\r
+\r
  */\r
 var // Opera7.6+, Safari1.2+, khtml3.?+, Gecko0.9.7+\r
-       // ie7&8 ではローカルリソースには ActiveX の XHR を使う\r
+       // ie9- ではローカルリソースには MSXML を使う\r
        X_Net_XHR_createW3C   = window[ 'XMLHttpRequest' ] && function(){ return X_Net_XHR_w3c || ( X_Net_XHR_w3c = new XMLHttpRequest() ); },\r
        X_Net_XHR_w3c         = X_Net_XHR_createW3C && X_Net_XHR_createW3C(),\r
+       X_Net_XHR_cors        = X_Net_XHR_w3c && X_Net_XHR_w3c.withCredentials !== undefined,\r
        X_Net_XHR_progress    = X_Net_XHR_w3c && X_Net_XHR_w3c.onprogress !== undefined,\r
        X_Net_XHR_upload      = X_Net_XHR_w3c && !!X_Net_XHR_w3c.upload,\r
        \r
        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
-       // ie11の互換モード(7,8,5)の msxml はいまいち動かない\r
+       // ie11の互換モード(7,8)の 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
@@ -65,7 +75,8 @@ var // Opera7.6+, Safari1.2+, khtml3.?+, Gecko0.9.7+
        \r
        X_Net_XHR_neverReuse  = X_UA[ 'IE' ] < 9, // ie7,8 の xhr はリユース不可。msxml はリユース可能。\r
        \r
-       X_Net_XHR_init;\r
+       X_Net_XHR_TYPE_FLASH  = 8,\r
+       X_Net_XHR_TYPE_GADGET = 16;\r
 \r
 if( X_Net_XHR_msXML ){\r
        X_Net_XHR_msXMLVer = X_Net_XHR_msXML[ 0 ];\r
@@ -74,7 +85,11 @@ if( X_Net_XHR_msXML ){
        X_Net_XHR_createMSXML = null;\r
 };\r
 \r
-X[ 'Net' ][ 'XHR' ] = {\r
+X[ 'XHR' ] = {\r
+\r
+       'W3C'         : X_Net_XHR_createW3C   ? 1 : 0,\r
+       'MSXML'       : X_Net_XHR_createMSXML ? 2 : 0,\r
+       'XDR'         : X_Net_XHR_createXDR   ? 4 : 0,\r
 \r
 /*\r
  * http://hakuhin.jp/as/import.html\r
@@ -82,32 +97,38 @@ X[ 'Net' ][ 'XHR' ] = {
  * http://hakuhin.jp/as/javascript.html\r
  * Flash から JavaScript にアクセスする(3+)\r
  */\r
-       'FLASH'       : false,\r
+       'FLASH'       : X_Pulgin_FLASH_ENABLED && 4 <= X_Pulgin_FLASH_VERSION ? 8 : 0,\r
+       \r
+       'GADGET'      : 5.5 <= X_UA[ 'IE' ] || !X_UA[ 'IE' ] ? 16 : 0,\r
 \r
 /**\r
  * https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest\r
  * Progress Events     Chrome7, firefox3.5, ie10, opera12, Safari?, Chrome for Android 0.16\r
  */\r
-       'PROGRESS'    : X_Net_XHR_progress,\r
+       'PROGRESS'        : X_Net_XHR_progress,\r
 \r
-       'UL_PROGRESS' : X_Net_XHR_upload,\r
+       'UPLOAD_PROGRESS' : X_Net_XHR_upload,\r
 \r
-       // or gadget proxy\r
-       'CORS'        : X_Net_XHR_xdr || ( X_Net_XHR_w3c && X_Net_XHR_w3c.withCredentials !== undefined )\r
+       // or gadget proxy or flash\r
+       'CORS'            : X_Net_XHR_xdr || X_Net_XHR_cors\r
 };\r
 \r
+if( X_Net_XHR_msXMLVer ) X[ 'XHR' ][ 'MSXML_VERSION' ] = X_Net_XHR_msXMLVer;\r
+\r
 if( X_Net_XHR_w3c || X_Net_XHR_msXML ){\r
 \r
 X_TEMP.X_Net_XHR_init = function(){\r
+       X_NET_XHRWrapper = X_Class_override( X_EventDispatcher(), X_TEMP.X_Net_XHR_params, true );\r
        \r
        delete X_TEMP.X_Net_XHR_init;\r
+       delete X_TEMP.X_Net_XHR_params; \r
        \r
-       X_NET_XHRWrapper = X_Class_override(\r
-               X_EventDispatcher(),\r
-               {\r
+       return X_NET_XHRWrapper;\r
+};\r
+\r
+X_TEMP.X_Net_XHR_params = {\r
                        \r
                        '_rawType'   : X_EventDispatcher_EVENT_TARGET_XHR,\r
-                       // '_rawObject' : X_Net_XHR_w3c || X_Net_XHR_msXML,\r
                        \r
                        _isXDR       : false,\r
                        _isMsXML     : false,\r
@@ -136,13 +157,16 @@ X_TEMP.X_Net_XHR_init = function(){
                                        init,\r
                                        tmp;\r
 \r
-                               this._dataType = obj[ 'dataType' ] || X_URL_getEXT( url );\r
+                               this._dataType = obj[ 'dataType' ];\r
                                \r
                                if( !raw || xDomain !== this._isXDR || ( X_Net_XHR_createMSXML && isFile !== this._isMsXML ) ){\r
-                                       this[ 'unlisten' ]( [ 'load', 'readystatechange', 'progress', 'error', 'timeout' ] );\r
+                                       raw && this[ 'unlisten' ]( [ 'load', 'readystatechange', 'progress', 'error', 'timeout' ] );\r
                                        init = true;\r
                                        this[ '_rawObject' ] = raw = xDomain ?\r
-                                                                                                       X_Net_XHR_createXDR() :\r
+                                                                                                       ( X_Net_XHR_cors ?\r
+                                                                                                               X_Net_XHR_createW3C() :\r
+                                                                                                               X_Net_XHR_createXDR()\r
+                                                                                                       ) :\r
                                                                                                 isFile ?\r
                                                                                                        ( X_Net_XHR_createMSXML ?\r
                                                                                                                ( X_Net_XHR_msXML = X_Net_XHR_msXML || X_Net_XHR_createMSXML() ):\r
@@ -167,7 +191,7 @@ X_TEMP.X_Net_XHR_init = function(){
                                                        raw.responseType = 'text';\r
                                                        break;\r
                                                case 'json' :\r
-                                               case 'moz-json' :\r
+                                               case 'moz-json' : // firefox9-\r
                                                        raw.responseType = X_UA[ 'Gecko' ] ? this._dataType : ''; // Iron 37 でエラー\r
                                                        break;\r
                                                case 'document' :\r
@@ -220,6 +244,13 @@ X_TEMP.X_Net_XHR_init = function(){
                                };\r
 \r
                                if( !this._isXDR && ( this._isMsXML ? 3 <= X_Net_XHR_msXMLVer : raw.setRequestHeader ) ){ // msxml は setRequestHeader getter がいけない\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
+                                       } else */                                       \r
                                        // http://nakigao.sitemix.jp/blog/?p=2040\r
                                        // json 取得時に SafariでHTTP/412のエラー。但し相手が audio の場合、この指定があるとロードに失敗する。 iOS8.2, iOS7.1 では遭遇せず\r
                                        if( this._dataType === 'json' ){\r
@@ -234,15 +265,11 @@ X_TEMP.X_Net_XHR_init = function(){
                                        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
                                        \r
                                        for( p in headers ){\r
                                                if( X_EMPTY_OBJECT[ p ] ) continue;\r
+                                               //console.log( headers[ p ] );\r
                                                headers[ p ] !== undefined && raw.setRequestHeader( p, headers[ p ] + '' ); // Opera8.01+, MSXML3+\r
                                        };\r
                                };\r
@@ -265,14 +292,15 @@ X_TEMP.X_Net_XHR_init = function(){
                                        if( this._isMsXML ){\r
                                                raw[ 'onreadystatechange' ] = X_NET_XHRWrapper.handleEvent;\r
                                        } else\r
+                                       if( X_Net_XHR_progress || this._isXDR ){\r
+                                               this[ 'listen' ]( [ 'load', 'progress', 'error', 'timeout' ] ); //, 'abort'\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
+                                       \r
                                        } else {\r
                                                this[ 'listen' ]( [ 'load', 'readystatechange', 'error', 'timeout' ] ); //, 'abort'\r
                                        };\r
@@ -284,7 +312,7 @@ X_TEMP.X_Net_XHR_init = function(){
                        },\r
                        \r
                        cancel : function(){\r
-                               /* X.Net.XHR.CANCELABLE && */ this[ '_rawObject' ].abort && this[ '_rawObject' ].abort();\r
+                               /* this[ '_rawObject' ].abort && */ this[ '_rawObject' ].abort();\r
                                this._canceled = true;\r
                        },\r
                        \r
@@ -298,7 +326,7 @@ X_TEMP.X_Net_XHR_init = function(){
                                // XMLHttpRequest の使い方\r
                                // http://webos-goodies.jp/archives/50548720.html\r
                                // XMLHttpRequest オブジェクトを再利用する際も、 abort メソッドを呼び出す必要があるようです。\r
-                               this[ '_rawObject' ].abort && this[ '_rawObject' ].abort();     \r
+                               /* this[ '_rawObject' ].abort && */ this[ '_rawObject' ].abort();       \r
                                \r
                                // XMLHttpRequest で順番にリソースを取得する\r
                                // http://note.chiebukuro.yahoo.co.jp/detail/n16248\r
@@ -337,7 +365,7 @@ X_TEMP.X_Net_XHR_init = function(){
                        handleEvent : function( e ){\r
                                var raw  = X_NET_XHRWrapper[ '_rawObject' ],\r
                                        live = !X_NET_XHRWrapper._canceled,\r
-                                       status, data;\r
+                                       headers, status, data;\r
 \r
                                switch( e && e.type || 'readystatechange' ){\r
                                        /*\r
@@ -355,7 +383,7 @@ X_TEMP.X_Net_XHR_init = function(){
                                        http://www.semblog.org/msano/archives/000407.html\r
                                        * */            \r
                                        case 'readystatechange' :\r
-                                               //if( !X.Net.XHR.PROGRESS ){\r
+                                               //if( !X.XHR.PROGRESS ){\r
                                                        switch( raw.readyState ){\r
                                                                case 0 :\r
                                                                case 1 :\r
@@ -381,20 +409,29 @@ X_TEMP.X_Net_XHR_init = function(){
 \r
                                                if( !X_NET_XHRWrapper._busy ) return;\r
                                                \r
-                                               \r
                                                X_NET_XHRWrapper._percent = 100;\r
                                                X_NET_XHRWrapper._busy    = false;\r
                                                status        = raw.status;\r
                                                \r
+                                               // TODO GET_FULL_HEADERS\r
+                                               // https://msdn.microsoft.com/en-us/library/ms766595%28v=vs.85%29.aspx\r
+                                               // Implemented in: MSXML 3.0 and MSXML 6.0\r
+                                               if( X_NET_XHRWrapper._isXDR ){\r
+                                                       headers = { 'Content-Type' : raw.contentType };\r
+                                               } else\r
+                                               if( ( X_NET_XHRWrapper._isMsXML ? 3 <= X_Net_XHR_msXMLVer : raw.setRequestHeader ) && ( headers = raw.getAllResponseHeaders() ) ){\r
+                                                       headers = X_NET_XHR_parseResponseHeaders( headers );\r
+                                               };\r
+                                               \r
                                                // https://code.google.com/p/fakeworker-js/source/browse/src/javascript/fakeworker.js\r
                                                if(\r
                                                        ( !status && location.protocol === 'file:' ) ||\r
                                                        // IE 6.0 でローカルファイルにアクセスした\r
-                                                       ( status < 100 ) ||\r
+                                                       ( status < 100 && ( status = 200 ) ) ||\r
                                            ( 200 <= status && status < 400 ) ||\r
                                            //status === 304 ||\r
                                            ( status === 1223 && ( status = 204 ) ) ||\r
-                                           ( X_UA[ 'Webkit' ]  && status === undefined ) // safari: /webkit/.test(userAgent)\r
+                                           ( X_UA[ 'Webkit' ] && status === undefined && ( status = 200 ) ) // safari: /webkit/.test(userAgent)\r
                                                ){\r
                                                        /*\r
                                                         * opera8, safari2, khtml3 で utf8 日本語文字列の文字化け\r
@@ -413,7 +450,7 @@ X_TEMP.X_Net_XHR_init = function(){
                                                                        // eval() を使っているけど JSON の無いブラウザは XDomain な XHR はできないのでよしとする。\r
                                                                        // XDomain な XHR の際は Flash 等で代替し、その中に Json parser も組み込む。\r
                                                                        // http://d.hatena.ne.jp/sshi/20060904/p1\r
-                                                                       if( !X_Type_isObject( data ) ) data = window.JSON ? JSON.parse( data ) : eval( '(' + data + ')' );\r
+                                                                       if( !X_Type_isObject( data ) ) data = X_String_parseTrustedJsonString( data );\r
                                                                        break;\r
                                                                case 'document' :\r
                                                                case 'xml' :\r
@@ -428,9 +465,9 @@ X_TEMP.X_Net_XHR_init = function(){
                                                                        break;\r
                                                        };\r
 \r
-                                                       X_NET_XHRWrapper[ 'asyncDispatch' ]( 32, { type : X_EVENT_SUCCESS, status : status || 200, data : data } );\r
+                                                       X_NET_XHRWrapper[ 'asyncDispatch' ]( 32, { type : X_EVENT_SUCCESS, status : status || 200, response : data, headers : headers || null } );\r
                                                } else {\r
-                                                       X_NET_XHRWrapper[ 'asyncDispatch' ]( 32, { type : X_EVENT_ERROR, status : raw.status || 0, 'percent' : 100 } );\r
+                                                       X_NET_XHRWrapper[ 'asyncDispatch' ]( 32, { type : X_EVENT_ERROR, status : raw.status || 0, 'percent' : 100, headers : headers || null } );\r
                                                };\r
                                                break;\r
                                        \r
@@ -451,7 +488,7 @@ X_TEMP.X_Net_XHR_init = function(){
                                        case 'timeout' : // Gecko 12.0 https://developer.mozilla.org/ja/docs/XMLHttpRequest/Synchronous_and_Asynchronous_Requests\r
                                                X_NET_XHRWrapper._busy  = false;\r
                                                X_NET_XHRWrapper._error = !!X_UA[ 'Gecko' ];\r
-                                               X_NET_XHRWrapper[ 'asyncDispatch' ]( X_EVENT_TIMEOUT );\r
+                                               X_NET_XHRWrapper[ 'asyncDispatch' ]( { type :X_EVENT_ERROR, 'timeout' : true } );\r
                                                break;\r
                                };\r
                        },\r
@@ -462,7 +499,7 @@ X_TEMP.X_Net_XHR_init = function(){
 \r
                                if( live || raw.readyState < 3 ){\r
                                        this._busy = false;\r
-                                       live && this[ 'asyncDispatch' ]( X_EVENT_TIMEOUT );\r
+                                       live && this[ 'asyncDispatch' ]( { type : X_EVENT_ERROR, 'timeout' : true } );\r
                                };\r
                                this._timerID = 0;\r
                        },\r
@@ -473,13 +510,37 @@ X_TEMP.X_Net_XHR_init = function(){
                                        states, data;\r
                                live && X_NET_XHRWrapper[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : X_NET_XHRWrapper._percent, 'uploadPercent' : ( e.loaded / e.total ) } );\r
                        }\r
-               },\r
-               true\r
-       );\r
+               };\r
        // 同期リクエストでなければならない場合, unload, beforeunload時\r
-       \r
-       return X_NET_XHRWrapper;\r
+\r
 };\r
+/*\r
+ * https://gist.github.com/mmazer/5404301\r
+ * \r
+ * XmlHttpRequest's getAllResponseHeaders() method returns a string of response\r
+ * headers according to the format described here:\r
+ * http://www.w3.org/TR/XMLHttpRequest/#the-getallresponseheaders-method\r
+ * This method parses that string into a user-friendly key/value pair object.\r
+ * \r
+ * http://hakuhin.jp/js/xmlhttprequest.html#XHR_GET_ALL_RESPONSE_HEADERS\r
+ * 複数の情報が存在する場合、改行で区切られています。\r
+ */\r
 \r
+function X_NET_XHR_parseResponseHeaders( headerStr ){\r
+       var headers = {}, headerPairs, i = 0, l, headerPair, index, key, value;\r
+       \r
+       if( !headerStr ) return headers;\r
+\r
+       headerPairs = headerStr.split( '\u000d\u000a' );\r
+       for( l = headerPairs.length; i < l ; ++i ){\r
+               headerPair = headerPairs[i];\r
+               index      = headerPair.indexOf( '\u003a\u0020' );\r
+               if( index > 0 ){\r
+                       key = headerPair.substring( 0, index );\r
+                       val = headerPair.substring( index + 2 );\r
+                       headers[ key ] = val.split( '\r\n' ).join( '\n' ).split( '\n' );\r
+               };\r
+       };\r
+       return headers;\r
 };\r
 \r