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