OSDN Git Service

Version 0.6.145, fix X.Audio, fix VIEW_ACTIVATE Event @X.ViewPort.
[pettanr/clientJs.git] / 0.6.x / js / 06_net / 01_XNetXHR.js
index 6a570fc..000ba11 100644 (file)
@@ -18,7 +18,7 @@ new ActiveXObject( 'Msxml2.XMLHTTP' );     // バージョンを省略すると
 new ActiveXObject( 'Msxml2.XMLHTTP.4.0' ); // バージョン4.0 は bugfix が行われないので、3.0 か 6.0 を指定すべき\r
 new ActiveXObject( 'Msxml2.XMLHTTP.5.0' ); // バージョン5.0 は bugfix が行われないので、3.0 か 6.0 を指定すべき\r
 \r
-[IE][Javascript][Json] IE+JsonではまったAdd Star\r
+[IE][Javascript][Json] IE+Jsonではまった\r
 http://d.hatena.ne.jp/khiker/20081026/javascript_json\r
 > AddCharset utf-8 json\r
 > AddType text/javascript json\r
@@ -33,6 +33,8 @@ Android1.6- の XHR で 401 エラーが返った場合は、iframe に xml を
 var // Opera7.6+, Safari1.2+, khtml3.?+, Gecko0.9.7+\r
        // ie7 ではローカルリソースには ActiveX の XHR を使う\r
        X_Net_XHR_W3C      = ( !X_UA[ 'IE7' ] || !X_URL_IS_LOCAL ) && window[ 'XMLHttpRequest' ] && new XMLHttpRequest(),\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_X_DOMAIN = window[ 'XDomainRequest' ] && new XDomainRequest(),\r
        X_Net_XHR_VERSION  = 0,\r
@@ -47,7 +49,9 @@ var // Opera7.6+, Safari1.2+, khtml3.?+, Gecko0.9.7+
                                'return[v[++i],new ActiveXObject(n[i])]',\r
                        '}catch(e){}',\r
                '}'\r
-       ].join( '' ) ) )();\r
+       ].join( '' ) ) )(),\r
+       \r
+       X_Net_XHR_init;\r
 \r
 if( X_Net_XHR_ACTIVE_X ){\r
        X_Net_XHR_VERSION  = X_Net_XHR_ACTIVE_X[ 0 ];\r
@@ -64,27 +68,35 @@ X[ 'Net' ][ 'XHR' ] = {
  */\r
        'FLASH'       : false,\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
-       'PROGRESS'    : false, //\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
 \r
-       'UL_PROGRESS' : false\r
+       'UL_PROGRESS' : X_Net_XHR_upload,\r
 \r
+       // or gadget proxy\r
+       'CORS'        : X_Net_XHR_X_DOMAIN || ( X_Net_XHR_W3C && X_Net_XHR_W3C.withCredentials !== undefined )\r
 };\r
 \r
 if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){\r
+\r
+X_TEMP.X_Net_XHR_init = function(){\r
+       \r
+       delete X_TEMP.X_Net_XHR_init;\r
        \r
        X_NET_XHRWrapper = X_Class_override(\r
                X_EventDispatcher(),\r
                {\r
                        \r
-                       '_rawType'   : X_EventDispatcher_EVENT_TARGET_TYPE.XHR,\r
+                       '_rawType'   : X_EventDispatcher_EVENT_TARGET_XHR,\r
                        '_rawObject' : X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X,\r
                        \r
                        _isXDR     : false, // for ie8\r
                        \r
                        _method    : '',\r
-                       _type      : '',\r
+                       _dataType   : '',\r
                        _busy      : false,\r
                        _canceled  : false,\r
                        _error     : false,\r
@@ -99,18 +111,11 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                        username = obj[ 'username' ],\r
                                        password = obj[ 'password' ],\r
                                        headers  = obj[ 'headers' ] || {},\r
-                                       postbody = obj[ 'postbody' ],\r
+                                       postdata = obj[ 'postdata' ],\r
                                        timeout  = obj[ 'timeout' ] || 20000,\r
-                                       temp;\r
+                                       tmp;\r
                                \r
-                               if( obj[ 'type' ] ){\r
-                                       this._type = obj[ 'type' ];\r
-                               } else {\r
-                                       temp = X_URL_cleanup( url ).split( '.' );\r
-                                       if( 2 <= temp.length ){\r
-                                               this._type = temp[ temp.length - 1 ].toLowerCase();\r
-                                       };\r
-                               };\r
+                               this._dataType = obj[ 'dataType' ] || X_URL_getEXT( url );\r
                                \r
                                if( X_Net_XHR_X_DOMAIN ){\r
                                        if( X_URL_isSameDomain( url ) ){ // isXDomain\r
@@ -133,7 +138,7 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                raw.open( method, url, true, username, password );\r
                                \r
                                if( raw.responseType !== undefined ){\r
-                                       switch( this._type ){\r
+                                       switch( this._dataType ){\r
                                                case '' :\r
                                                case 'text' :\r
                                                // js, css\r
@@ -141,7 +146,7 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                                        break;\r
                                                case 'json' :\r
                                                case 'moz-json' :\r
-                                                       raw.responseType = X_UA[ 'Gecko' ] ? this._type : ''; // Iron 37 でエラー\r
+                                                       raw.responseType = X_UA[ 'Gecko' ] ? this._dataType : ''; // Iron 37 でエラー\r
                                                        break;\r
                                                case 'document' :\r
                                                case 'xml' :\r
@@ -153,18 +158,55 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                                case 'blob' :\r
                                                case 'arraybuffer' :\r
                                                // jpeg,jpg,png,gif,mp3,ogg...\r
-                                                       raw.responseType = this._type;\r
+                                                       raw.responseType = this._dataType;\r
                                                        break;\r
                                        };\r
                                };\r
                                \r
                                // http://www.quirksmode.org/blog/archives/2005/09/xmlhttp_notes_r_1.html\r
-                               // raw.overrideMimeType()\r
+                               if( !X_Net_XHR_ACTIVE_X && X_Type_isFunction( raw.overrideMimeType ) ){\r
+                                       switch( X_URL_getEXT( url ) ){\r
+                                               case 'html' :\r
+                                               case 'xml' :\r
+                                                       tmp = 'text/xml';\r
+                                                       break;\r
+\r
+                                               case 'mp3' :\r
+                                                       tmp = 'audio/mpeg';\r
+                                                       break;\r
+                                               case 'opus' :\r
+                                               case 'ogg' :\r
+                                                       tmp = 'audio/ogg';\r
+                                                       break;\r
+                                               case 'wav' :\r
+                                                       tmp = 'audio/wav';\r
+                                                       break;                                                  \r
+                                               case 'aac' :\r
+                                                       tmp = 'audio/aac';\r
+                                                       break;\r
+                                               case 'm4a' :\r
+                                                       tmp = 'audio/x-m4a"';\r
+                                                       break;  \r
+                                               case 'mp4' :\r
+                                                       tmp = 'audio/x-mp4';\r
+                                                       break;  \r
+                                               case 'weba' :\r
+                                                       tmp = 'audio/webm';\r
+                                                       break;\r
+                                       };\r
+                                       if( obj[ 'mimeType' ] || tmp ) raw.overrideMimeType( obj[ 'mimeType' ] || tmp );\r
+                                       console.log( this._dataType );\r
+                                       console.log( obj[ 'mimeType' ] || tmp );\r
+                               };\r
+\r
                                if( !X_Net_XHR_ACTIVE_X && X_Type_isFunction( raw.setRequestHeader ) ){\r
                                        \r
                                        // http://nakigao.sitemix.jp/blog/?p=2040\r
-                                       // SafariでHTTP/412のエラー\r
-                                       headers[ 'If-Modified-Since' ] = ( new Date ).toUTCString();\r
+                                       // json 取得時に SafariでHTTP/412のエラー。但し相手が audio の場合、この指定があるとロードに失敗する。 iOS8.2, iOS7.1 では遭遇せず\r
+                                       if( this._dataType === 'json' ){\r
+                                               console.log( 'If-Modified-Since : ' + this._dataType );\r
+                                               headers[ 'If-Modified-Since' ] = ( new Date ).toUTCString();\r
+                                       };\r
                                        \r
                                        for( p in headers ){\r
                                                if( X_EMPTY_OBJECT[ p ] ) continue;\r
@@ -181,35 +223,19 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                // send 前にフラグを立てる,回線が早いと raw.send() 内で onload -> _busy = false ののち、 _busy = true するため。\r
                                this._busy = true;\r
                                \r
-\r
-                               raw.send( postbody || '' );\r
-                               //this._timerID = X_Timer_once( 16, this, this._lazySend, [ postbody || '', timeout ] );\r
+                               // TODO toString\r
+                               raw.send( postdata || '' );\r
                        },\r
-                       /*\r
-                       // send() 内で onload するケースがあり、そのときはイベントリスナが間に合わないので、タイマーをかませる。\r
-                       _lazySend : function( postbody, timeout ){\r
-                               if( this[ '_rawObject' ].timeout === undefined ){\r
-                                       this._timerID = X_Timer_once( timeout, this, this.onTimeout );\r
-                               } else {\r
-                                       this._timerID = 0;\r
-                               };\r
-                               \r
-                               // http://allabout.co.jp/gm/gc/24097/#1\r
-                               // sendをonreadystatechangeの前に記述すると、ieでは動作しなくなります、、、。\r
-                               // konquerorでエラーが発生するのでここでは、とりあえず、send('') としました。\r
-                               this[ '_rawObject' ].send( postbody );                          \r
-                       }, */\r
                        \r
                        cancel : function(){\r
                                /* X.Net.XHR.CANCELABLE && */ this[ '_rawObject' ].abort && this[ '_rawObject' ].abort();\r
                                this._canceled = true;\r
-                               this[ 'asyncDispatch' ]( X_EVENT_CANCELED );\r
                        },\r
                        \r
                        reset : function(){\r
                                // XMLHttpRequest で順番にリソースを取得する\r
                                // http://note.chiebukuro.yahoo.co.jp/detail/n16248\r
-                               // TODO Opera 10.10 と Safari 4.1 はエラーが起きた XHR を再利用できないので毎回作る\r
+                               // Opera 10.10 と Safari 4.1 はエラーが起きた XHR を再利用できないので毎回作る\r
                                \r
                                // \r
                                // domes.lingua.heliohost.org/dom-intro/load-save2.html\r
@@ -219,9 +245,18 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                // Timeout した Gecko の xhr.response に触るとエラー??\r
                                if( X_UA[ 'Opera' ] || X_UA[ 'Webkit' ]  || X_UA[ 'Gecko' ] ){\r
                                        if( this._error ){\r
+                                               \r
+                                               if( X_Net_XHR_upload ){\r
+                                                       this[ '_rawObject' ].upload.removeEventListener( 'progress', X_NET_XHRWrapper.onUploadProgress );\r
+                                               };\r
+                                                                                       \r
                                                X_EventDispatcher_toggleAllEvents( this, false );\r
                                                this[ '_rawObject' ] = new XMLHttpRequest();\r
                                                X_EventDispatcher_toggleAllEvents( this, true );\r
+                                               \r
+                                               if( X_Net_XHR_upload ){\r
+                                                       this[ '_rawObject' ].upload.addEventListener( 'progress', X_NET_XHRWrapper.onUploadProgress );\r
+                                               };\r
                                        };\r
                                };\r
 \r
@@ -230,7 +265,7 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                // XMLHttpRequest オブジェクトを再利用する際も、 abort メソッドを呼び出す必要があるようです。\r
                                this[ '_rawObject' ].abort && this[ '_rawObject' ].abort();\r
 \r
-                               this._method   = this._type = '';\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
@@ -263,10 +298,10 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                                                case 1 :\r
                                                                        return;\r
                                                                case 2 : // 0% ajaxstart\r
-                                                                       live && this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, percent : 0 } );\r
+                                                                       live && this[ '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 && this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : this._percent < 99.9 ? 99.9 : ( this._percent + 100 ) / 2 } );\r
                                                                        // 99.9%\r
                                                                        return;\r
                                                                case 4 :\r
@@ -305,7 +340,7 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                                        // raw.getAllResponseHeaders();\r
                                                        \r
                                                        // parse json, html, xml, text, script, css\r
-                                                       switch( this._type ){\r
+                                                       switch( this._dataType ){\r
                                                                case '' :\r
                                                                case 'text' :\r
                                                                        data = raw[ 'responseText' ];\r
@@ -333,14 +368,14 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
 \r
                                                        this[ 'asyncDispatch' ]( 32, { type : X_EVENT_SUCCESS, status : status || 200, data : data } );\r
                                                } else {\r
-                                                       live && this[ 'asyncDispatch' ]( 32, { type : X_EVENT_ERROR, status : raw.status || 0, percent : 100 } );\r
+                                                       live && this[ '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
+                                                       live && this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : this._percent } );\r
                                                };\r
                                                break;\r
                                        \r
@@ -370,7 +405,7 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                this._timerID = 0;\r
                        },\r
                        \r
-                       onUploadProgress : X[ 'Net' ][ 'XHR' ][ 'UL_PROGRESS' ] && function( e ){\r
+                       onUploadProgress : X_Net_XHR_upload && function( e ){\r
                                var raw  = X_NET_XHRWrapper[ '_rawObject' ].upload,\r
                                        live = !X_NET_XHRWrapper._canceled,\r
                                        states, data;\r
@@ -393,14 +428,18 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
        if( X_Net_XHR_ACTIVE_X ){ // win ie5-6\r
                X_NET_XHRWrapper[ 'listen' ]( 'readystatechange' );\r
        } else \r
-       if( X[ 'Net' ][ 'XHR' ][ 'PROGRESS' ] ){\r
+       if( X_Net_XHR_progress ){\r
                X_NET_XHRWrapper[ 'listen' ]( [ 'load', 'progress', 'error', 'timeout' ] ); //, 'abort'\r
        } else {\r
                X_NET_XHRWrapper[ 'listen' ]( [ 'load', 'readystatechange', 'error', 'timeout' ] ); //, 'abort'\r
        };\r
        \r
-       if( X_NET_XHRWrapper.onUploadProgress ){\r
+       if( X_Net_XHR_upload ){\r
                X_NET_XHRWrapper[ '_rawObject' ].upload.addEventListener( 'progress', X_NET_XHRWrapper.onUploadProgress );\r
        };\r
+       \r
+       return X_NET_XHRWrapper;\r
+};\r
+\r
 };\r
 \r