OSDN Git Service

Version 0.6.143, fix X.UI.ScrollBox for iOS3.
[pettanr/clientJs.git] / 0.6.x / js / 06_net / 01_XNetXHR.js
index e543f5a..2095b96 100644 (file)
@@ -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
@@ -54,7 +56,7 @@ if( X_Net_XHR_ACTIVE_X ){
        X_Net_XHR_ACTIVE_X = X_Net_XHR_ACTIVE_X[ 1 ];\r
 };\r
 \r
-X.Net.XHR = {\r
+X[ 'Net' ][ 'XHR' ] = {\r
 \r
 /*\r
  * http://hakuhin.jp/as/import.html\r
@@ -62,20 +64,24 @@ X.Net.XHR = {
  * http://hakuhin.jp/as/javascript.html\r
  * Flash から JavaScript にアクセスする(3+)\r
  */\r
-       FLASH       : false,\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_NET_XHRWrapper = X_Class_override(\r
-               new X.EventDispatcher(),\r
+               X_EventDispatcher(),\r
                {\r
                        \r
                        '_rawType'   : X_EventDispatcher_EVENT_TARGET_TYPE.XHR,\r
@@ -92,7 +98,7 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                        _timerID   : 0,\r
                        \r
                        load : function( obj ){\r
-                               var raw      = this._rawObject,\r
+                               var raw      = this[ '_rawObject' ],\r
                                        method   = obj[ 'method' ],\r
                                        url      = obj[ 'url' ],\r
                                        async    = obj[ 'async' ],\r
@@ -101,29 +107,22 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                        headers  = obj[ 'headers' ] || {},\r
                                        postbody = obj[ 'postbody' ],\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._type = obj[ 'type' ] || X_URL_getEXT( url );\r
                                \r
                                if( X_Net_XHR_X_DOMAIN ){\r
                                        if( X_URL_isSameDomain( url ) ){ // isXDomain\r
                                                if( this._isXDR ){\r
                                                        X_EventDispatcher_toggleAllEvents( this, false );\r
-                                                       this._rawObject = X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X;\r
+                                                       this[ '_rawObject' ] = X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X;\r
                                                        X_EventDispatcher_toggleAllEvents( this, true );\r
                                                        this._isXDR = false;                                                    \r
                                                };\r
                                        } else {\r
                                                if( !this._isXDR ){\r
                                                        X_EventDispatcher_toggleAllEvents( this, false );\r
-                                                       this._rawObject = X_Net_XHR_X_DOMAIN;\r
+                                                       this[ '_rawObject' ] = X_Net_XHR_X_DOMAIN;\r
                                                        X_EventDispatcher_toggleAllEvents( this, true );\r
                                                        this._isXDR = true;                                                     \r
                                                };\r
@@ -159,12 +158,49 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                };\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._type );\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._type === 'json' ){\r
+                                               console.log( 'If-Modified-Since : ' + this._type );\r
+                                               headers[ 'If-Modified-Since' ] = ( new Date ).toUTCString();\r
+                                       };\r
                                        \r
                                        for( p in headers ){\r
                                                if( X_EMPTY_OBJECT[ p ] ) continue;\r
@@ -175,7 +211,7 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                if( raw.timeout !== undefined ){\r
                                        raw.timeout = timeout;\r
                                } else {\r
-                                       this._timerID = X.Timer.once( timeout, this, this.onTimeout );\r
+                                       this._timerID = X_Timer_once( timeout, this, this.onTimeout );\r
                                };      \r
                                \r
                                // send 前にフラグを立てる,回線が早いと raw.send() 内で onload -> _busy = false ののち、 _busy = true するため。\r
@@ -183,13 +219,13 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                \r
 \r
                                raw.send( postbody || '' );\r
-                               //this._timerID = X.Timer.once( 16, this, this._lazySend, [ postbody || '', timeout ] );\r
+                               //this._timerID = X_Timer_once( 16, this, this._lazySend, [ postbody || '', timeout ] );\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
+                               if( this[ '_rawObject' ].timeout === undefined ){\r
+                                       this._timerID = X_Timer_once( timeout, this, this.onTimeout );\r
                                } else {\r
                                        this._timerID = 0;\r
                                };\r
@@ -197,13 +233,13 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                // http://allabout.co.jp/gm/gc/24097/#1\r
                                // sendをonreadystatechangeの前に記述すると、ieでは動作しなくなります、、、。\r
                                // konquerorでエラーが発生するのでここでは、とりあえず、send('') としました。\r
-                               this._rawObject.send( postbody );                               \r
+                               this[ '_rawObject' ].send( postbody );                          \r
                        }, */\r
                        \r
                        cancel : function(){\r
-                               /* X.Net.XHR.CANCELABLE && */ this._rawObject.abort && this._rawObject.abort();\r
+                               /* X.Net.XHR.CANCELABLE && */ this[ '_rawObject' ].abort && this[ '_rawObject' ].abort();\r
                                this._canceled = true;\r
-                               this.asyncDispatch( X_Event.CANCELED );\r
+                               this[ 'asyncDispatch' ]( X_EVENT_CANCELED );\r
                        },\r
                        \r
                        reset : function(){\r
@@ -219,25 +255,34 @@ 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
+                                               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
                                // 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
                                this._method   = this._type = '';\r
                                this._canceled = this._busy = this._error = false;\r
-                               this._timerID && X.Timer.remove( this._timerID );\r
+                               this._timerID && X_Timer_remove( this._timerID );\r
                                this._percent  = this._timerID = 0;\r
                        },\r
                        \r
                        handleEvent : function( e ){\r
-                               var raw  = this._rawObject,\r
+                               var raw  = this[ '_rawObject' ],\r
                                        live = !this._canceled,\r
                                        status, data;\r
 \r
@@ -263,10 +308,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
@@ -331,16 +376,16 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                                                        break;\r
                                                        };\r
 \r
-                                                       this.asyncDispatch( 32, { type : X_Event.SUCCESS, status : status || 200, data : data } );\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
@@ -348,30 +393,30 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
                                        //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
+                                               live && this[ '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
+                                               this[ 'asyncDispatch' ]( X_EVENT_TIMEOUT );\r
                                                break;\r
                                };\r
                        },\r
                        \r
                        onTimeout : function(){\r
-                               var raw  = this._rawObject,\r
+                               var raw  = this[ '_rawObject' ],\r
                                        live = !X_NET_XHRWrapper._canceled || !this._busy;\r
 \r
                                if( raw.readyState < 3 ){\r
                                        this._busy = false;\r
-                                       live && this.asyncDispatch( X_Event.TIMEOUT );\r
+                                       live && this[ 'asyncDispatch' ]( X_EVENT_TIMEOUT );\r
                                };\r
                                this._timerID = 0;\r
                        },\r
                        \r
-                       onUploadProgress : X.Net.XHR.UL_PROGRESS && function( e ){\r
-                               var raw  = X_NET_XHRWrapper._rawObject.upload,\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
                        }\r
@@ -381,26 +426,26 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
        // 同期リクエストでなければならない場合, unload, beforeunload時\r
 \r
        if( X_UA[ 'IE8' ] ){\r
-               X_NET_XHRWrapper.listen( [ 'readystatechange', 'error', 'timeout' ] ); //, 'abort'\r
+               X_NET_XHRWrapper[ 'listen' ]( [ 'readystatechange', 'error', 'timeout' ] ); //, 'abort'\r
        } else\r
        if( X_UA[ 'IE7' ] ){\r
                if( X_URL_IS_LOCAL ){\r
-                       X_NET_XHRWrapper.listen( 'readystatechange' ); // ie7 ActiveX の場合、error は不可\r
+                       X_NET_XHRWrapper[ 'listen' ]( 'readystatechange' ); // ie7 ActiveX の場合、error は不可\r
                } else {\r
-                       X_NET_XHRWrapper.listen( [ 'readystatechange', 'error' ] );\r
+                       X_NET_XHRWrapper[ 'listen' ]( [ 'readystatechange', 'error' ] );\r
                };\r
        } else\r
        if( X_Net_XHR_ACTIVE_X ){ // win ie5-6\r
-               X_NET_XHRWrapper.listen( 'readystatechange' );\r
+               X_NET_XHRWrapper[ 'listen' ]( 'readystatechange' );\r
        } else \r
-       if( X.Net.XHR.PROGRESS ){\r
-               X_NET_XHRWrapper.listen( [ 'load', 'progress', 'error', 'timeout' ] ); //, 'abort'\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
+               X_NET_XHRWrapper[ 'listen' ]( [ 'load', 'readystatechange', 'error', 'timeout' ] ); //, 'abort'\r
        };\r
        \r
-       if( X_NET_XHRWrapper.onUploadProgress ){\r
-               X_NET_XHRWrapper._rawObject.upload.addEventListener( 'progress', 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
 \r