X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.6.x%2Fjs%2F06_net%2F01_XNetXHR.js;h=7faa80cb10025d8ce586584001ba1e588a9eef08;hb=HEAD;hp=6e64e81d7f0311a78cf68899be0e1bfc4a1ec63b;hpb=9e30a8480de03f0b36d2411a0ecb7f1d0f47b61f;p=pettanr%2FclientJs.git diff --git a/0.6.x/js/06_net/01_XNetXHR.js b/0.6.x/js/06_net/01_XNetXHR.js index 6e64e81..7faa80c 100644 --- a/0.6.x/js/06_net/01_XNetXHR.js +++ b/0.6.x/js/06_net/01_XNetXHR.js @@ -1,3 +1,5 @@ +//{+xhr"XHR,XDR,MSXMLによる通信"(XMLHTTPRequest, XDomainRequest, ActiveX-MSXML を使った通信)[+net] + // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest // https://web.archive.org/web/20071101021832/http://web.paulownia.jp/script/ajax/xmlhttp4.html // https://web.archive.org/web/20091029170015/http://wiki.paulownia.jp/ajax/xmlhttprequest @@ -18,7 +20,7 @@ new ActiveXObject( 'Msxml2.XMLHTTP' ); // バージョンを省略すると new ActiveXObject( 'Msxml2.XMLHTTP.4.0' ); // バージョン4.0 は bugfix が行われないので、3.0 か 6.0 を指定すべき new ActiveXObject( 'Msxml2.XMLHTTP.5.0' ); // バージョン5.0 は bugfix が行われないので、3.0 か 6.0 を指定すべき -[IE][Javascript][Json] IE+JsonではまったAdd Star +[IE][Javascript][Json] IE+Jsonではまった http://d.hatena.ne.jp/khiker/20081026/javascript_json > AddCharset utf-8 json > AddType text/javascript json @@ -29,32 +31,82 @@ 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 を表示させてその内容を取ればサーバ側の対応無しでいけるかも? +Android2 にも xdomain な GET が一回しかできない問題 gears 使えない? + +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 + +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/ + +IE8 以下で xhr の失敗率が高い問題 +http://tkengo-totoro.blogspot.jp/2011/11/iexmlhttprequest.html +TODO クライアント側にもリトライ機構を入れてみる + + +TODO xml の取得には XMLDOM を使用する +var activex = JKL.ParseXML.HTTP.ACTIVEX_XMLHTTP; // IXMLHttpRequest +if ( this.method == "GET" && ! this.textmode ) { + // use IXMLDOMElement to accept any mime types + // because overrideMimeType() is not available on IE6 + activex = JKL.ParseXML.HTTP.ACTIVEX_XMLDOM; // IXMLDOMElement +}; +// debug.print( "new ActiveXObject( '"+activex+"' )" ); +this.req = new ActiveXObject( activex ); + */ var // Opera7.6+, Safari1.2+, khtml3.?+, Gecko0.9.7+ - // ie7 ではローカルリソースには ActiveX の XHR を使う - X_Net_XHR_W3C = ( !X_UA.IE7 || !X_URL_IS_LOCAL ) && window[ 'XMLHttpRequest' ] && new XMLHttpRequest(), + // ie9- ではローカルリソースには MSXML を使う + X_XHR_createW3C = window[ 'XMLHttpRequest' ] && function(){ return X_XHR_w3c || ( X_XHR_w3c = new XMLHttpRequest() ); }, + X_XHR_w3c = X_XHR_createW3C && X_XHR_createW3C(), + X_XHR_cors = X_XHR_w3c && X_XHR_w3c.withCredentials !== undefined, + X_XHR_progress = X_XHR_w3c && X_XHR_w3c.onprogress !== undefined, + X_XHR_upload = X_XHR_w3c && !!X_XHR_w3c.upload, + + X_XHR_createXDR = window[ 'XDomainRequest' ] && function(){ return X_XHR_xdr || ( X_XHR_xdr = new XDomainRequest() ); }, + X_XHR_xdr = X_XHR_createXDR && X_XHR_createXDR(), + + X_XHR_msXMLVer = 0, + X_XHR_msXMLName = '', + X_XHR_msXML, + + // ie11の互換モード(7,8)の msxml はいまいち動かない + X_XHR_createMSXML = X_UA[ 'ActiveX' ] && ( X_UA[ 'IE5x' ] || X_UA[ 'IE6' ] || X_URL_IS_LOCAL ) && + function(){ return X_Script_createActiveXObjectSafty( X_XHR_msXMLName ); }, + + + + X_XHR_neverReuse = X_UA[ 'IE' ] < 9, // ie7,8 の xhr はリユース不可。msxml はリユース可能。 - X_Net_XHR_X_DOMAIN = window[ 'XDomainRequest' ] && new XDomainRequest(), - X_Net_XHR_VERSION = 0, - X_Net_XHR_ACTIVE_X = !X_UA.IE4 && X_UA.IE < 8 && X_UA.ActiveX && ( new Function( [ - 'var x=".XMLHTTP",', - 'm="MSXML2"+x,', - 'n=[m+".6.0",m+".3.0",m+".5.0",m+".4.0",m,"Microsoft"+x],', - 'v=[6,3,5,4,2,1],', - 'i=-1;', - 'for(;i<5;){', - 'try{', - 'return[v[++i],new ActiveXObject(n[i])]', - '}catch(e){}', - '}' - ].join( '' ) ) )(); - -if( X_Net_XHR_ACTIVE_X ){ - X_Net_XHR_VERSION = X_Net_XHR_ACTIVE_X[ 0 ]; - X_Net_XHR_ACTIVE_X = X_Net_XHR_ACTIVE_X[ 1 ]; + X_XHR_TYPE_FLASH = 8, + X_XHR_TYPE_GADGET = 16; + +if( X_XHR_createMSXML ){ + ( function(){ + var x = '.XMLHTTP', + m = 'Msxml2' + x, + n = [ m + '.6.0', m + '.3.0', m + '.5.0', m + '.4.0', m, 'Microsoft' + x ], + v = [ 6, 3, 5, 4, 2, 1 ], + i = -1, + a; + for( ; i < 5; ){ + a = X_Script_createActiveXObjectSafty( n[ ++i ] ); + if( a ){ + X_XHR_msXMLVer = v[ i ]; + X_XHR_msXMLName = n[ i ]; + X_XHR_msXML = a; + return; + }; + }; + X_XHR_createMSXML = null; + })(); }; -X.Net.XHR = { +X[ 'XHR' ] = { + + 'W3C' : X_XHR_createW3C ? 1 : 0, + 'MSXML' : X_XHR_createMSXML ? 2 : 0, + 'XDR' : X_XHR_createXDR ? 4 : 0, /* * http://hakuhin.jp/as/import.html @@ -62,154 +114,250 @@ X.Net.XHR = { * http://hakuhin.jp/as/javascript.html * Flash から JavaScript にアクセスする(3+) */ - FLASH : false, + 'FLASH' : 4 <= X_Plugin_FLASH_VERSION ? 8 : 0, + + 'GADGET' : 5.5 <= X_UA[ 'IE' ] || !X_UA[ 'IE' ] ? 16 : 0, -// https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest -// Progress Events Chrome7, firefox3.5, ie10, opera12, Safari?, Chrome for Android 0.16 - PROGRESS : false, // +/** + * https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest + * Progress Events Chrome7, firefox3.5, ie10, opera12, Safari?, Chrome for Android 0.16 + */ + 'PROGRESS' : X_XHR_progress, - UL_PROGRESS : false + 'UPLOAD_PROGRESS' : X_XHR_upload, + // or gadget proxy or flash + 'CORS' : X_XHR_xdr || X_XHR_cors, + + 'BINARY' : X_Script_VBS_ENABLED }; -if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){ +if( X_XHR_msXMLVer ) X[ 'XHR' ][ 'MSXML_VERSION' ] = X_XHR_msXMLVer; + +if( X_XHR_w3c || X_XHR_msXML ){ + + X_TEMP.X_XHR_init = function(){ + X_XHR = X_Class_override( X_EventDispatcher(), X_TEMP.X_XHR_params, true ); + + delete X_TEMP.X_XHR_init; + delete X_TEMP.X_XHR_params; + + return X_XHR; + }; - X_NET_XHRWrapper = X_Class_override( - new X.EventDispatcher(), - { + X_TEMP.X_XHR_params = { - '_rawType' : X_EventDispatcher_EVENT_TARGET_TYPE.XHR, - '_rawObject' : X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X, + '_rawType' : X_EventDispatcher_EVENT_TARGET_XHR, - _isXDR : false, // for ie8 + _isXDR : false, + _isMsXML : false, - _method : '', - _type : '', - _busy : false, - _canceled : false, - _error : false, - _percent : 0, - _timerID : 0, + _method : '', + _dataType : '', + _busy : false, + _canceled : false, + _error : false, + _percent : 0, + _timerID : 0, load : function( obj ){ - var raw = this._rawObject, + var raw = X_XHR[ '_rawObject' ], method = obj[ 'method' ], url = obj[ 'url' ], - async = obj[ 'async' ], + async = obj[ 'async' ] !== false, username = obj[ 'username' ], password = obj[ 'password' ], headers = obj[ 'headers' ] || {}, - postbody = obj[ 'postbody' ], + postdata = obj[ 'postdata' ] || '', timeout = obj[ 'timeout' ] || 20000, - temp; - - if( obj[ 'type' ] ){ - this._type = obj[ 'type' ]; - } else { - temp = X_URL_cleanup( url ).split( '.' ); - if( 2 <= temp.length ){ - this._type = temp[ temp.length - 1 ].toLowerCase(); - }; - }; + noCache = obj[ 'cache' ] !== true, + dataType = X_XHR._dataType = obj[ 'dataType' ], // 明示され無い場合、ext が入っている + xDomain = !X_URL_isSameDomain( url ), + isFile = X_URL_isLocal( url ), + init, + type, tmp, p; - if( X_Net_XHR_X_DOMAIN ){ - if( X_URL_isSameDomain( url ) ){ // isXDomain - if( this._isXDR ){ - X_EventDispatcher_toggleAllEvents( this, false ); - this._rawObject = X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X; - X_EventDispatcher_toggleAllEvents( this, true ); - this._isXDR = false; - }; - } else { - if( !this._isXDR ){ - X_EventDispatcher_toggleAllEvents( this, false ); - this._rawObject = X_Net_XHR_X_DOMAIN; - X_EventDispatcher_toggleAllEvents( this, true ); - this._isXDR = true; - }; - }; + if( !raw || xDomain !== X_XHR._isXDR || ( X_XHR_createMSXML && isFile !== X_XHR._isMsXML ) ){ + raw && X_XHR[ 'unlisten' ]( [ 'load', 'readystatechange', 'progress', 'error', 'timeout' ] ); + init = true; + X_XHR[ '_rawObject' ] = raw = xDomain ? + ( X_XHR_cors ? + X_XHR_createW3C() : + X_XHR_createXDR() + ) : + isFile ? + ( X_XHR_createMSXML ? + ( X_XHR_msXML = X_XHR_msXML || X_XHR_createMSXML() ): + X_XHR_createW3C() + ) : + X_XHR_createW3C ? + X_XHR_createW3C() : + ( X_XHR_msXML = X_XHR_msXML || X_XHR_createMSXML() ); + + // raw === XDR これは error になるのでフラグに控える + X_XHR._isXDR = X_XHR_createXDR && xDomain; + X_XHR._isMsXML = !X_XHR_createW3C || ( isFile && X_XHR_createMSXML ); }; - raw.open( method, url, true, username, password ); + raw.open( method, url, async, username, password ); if( raw.responseType !== undefined ){ - switch( this._type ){ + switch( dataType ){ case '' : + case 'txt' : case 'text' : // js, css - raw.responseType = 'text'; + raw.responseType = X_XHR._dataType = 'text'; break; - case 'json' : - case 'moz-json' : - raw.responseType = X_UA.Gecko ? this._type : ''; // Iron 37 でエラー + case 'json' : // firefox9- は moz-json + raw.responseType = X_UA[ 'Gecko' ] < 10 ? 'moz-json' : X_UA[ 'Gecko' ] ? dataType : ''; // Iron 37 でエラー + X_XHR._dataType = 'json'; break; case 'document' : case 'xml' : case 'html' : case 'htm' : - // svg - raw.responseType = 'document'; + case 'svg' : + case 'vml' : + raw.responseType = X_XHR._dataType = 'document'; break; case 'blob' : case 'arraybuffer' : // jpeg,jpg,png,gif,mp3,ogg... - raw.responseType = this._type; + raw.responseType = X_XHR._dataType = dataType; break; }; }; // http://www.quirksmode.org/blog/archives/2005/09/xmlhttp_notes_r_1.html - // raw.overrideMimeType() - if( !X_Net_XHR_ACTIVE_X && X.Type.isFunction( raw.setRequestHeader ) ){ + if( !X_XHR._isMsXML && raw.overrideMimeType ){ + switch( type = dataType ){ + case 'document' : + case 'xml' : + case 'html' : + case 'htm' : + case 'svg' : + case 'vml' : + tmp = 'text/xml'; + break; + case 'json' : + tmp = 'application/json'; + break; + case 'mp3' : + tmp = 'mpeg'; + case 'weba' : + tmp = tmp || 'webm'; + case 'opus' : + tmp = tmp || 'ogg'; + case 'ogg' : + case 'wav' : + case 'aac' : + tmp = 'audio/' + ( tmp || type ); + break; + case 'm4a' : + case 'mp4' : + tmp = 'audio/x-' + type; + break; + case 'jpeg' : + case 'jpg' : + case 'png' : + case 'gif' : + case 'bmp' : + case 'ico' : + tmp = 'text/plain; charset=x-user-defined'; + break; + + }; + if( obj[ 'mimeType' ] || tmp ) raw.overrideMimeType( obj[ 'mimeType' ] || tmp ); + }; + + if( !X_XHR._isXDR && ( X_XHR._isMsXML ? 3 <= X_XHR_msXMLVer : raw.setRequestHeader ) ){ // msxml は setRequestHeader getter がいけない + + /* + if( noCache ){ + headers[ 'Pragma' ] = 'no-cache'; + headers[ 'Cache-Control' ] = 'no-cache'; + headers[ 'If-Modified-Since' ] = 'Thu, 01 Jun 1970 00:00:00 GMT'; + } */ + + // http://8note.phpapps.jp/jquery-ajax%E3%81%A7%E3%81%AE412%E3%82%A8%E3%83%A9%E3%83%BC/ + if( dataType === 'json' && X_UA[ 'Safari' ] ){ + headers[ 'If-Modified-Since' ] = 'Thu, 01 Jun 1970 00:00:00 GMT'; + }; + + // http://boscono.hatenablog.com/entry/2013/12/23/152851 + if ( !xDomain && !headers[ 'X-Requested-With' ] ) { + headers[ 'X-Requested-With' ] = 'XMLHttpRequest'; + }; - // http://nakigao.sitemix.jp/blog/?p=2040 - // SafariでHTTP/412のエラー - headers[ 'If-Modified-Since' ] = ( new Date ).toUTCString(); + if( method === 'POST' && !headers[ 'Content-Type' ] ){ + headers[ 'Content-Type' ] = 'application/x-www-form-urlencoded'; + }; + for( p in headers ){ - if( X_EMPTY_OBJECT[ p ] ) continue; - raw.setRequestHeader( p, headers[ p ] ); // Opera8.01+, MSXML3+ - }; + //if( X_EMPTY_OBJECT[ p ] ) continue; + //console.log( headers[ p ] ); + headers[ p ] !== undefined && raw.setRequestHeader( p, headers[ p ] + '' ); // Opera8.01+, MSXML3+ + }; }; - if( raw.timeout !== undefined ){ + if( !X_XHR._isMsXML && raw.timeout !== undefined ){ raw.timeout = timeout; } else { - this._timerID = X.Timer.once( timeout, this, this.onTimeout ); + X_XHR._timerID = X_Timer_once( timeout, X_XHR.onTimeout ); }; // send 前にフラグを立てる,回線が早いと raw.send() 内で onload -> _busy = false ののち、 _busy = true するため。 - this._busy = true; - + X_XHR._busy = true; - raw.send( postbody || '' ); - //this._timerID = X.Timer.once( 16, this, this._lazySend, [ postbody || '', timeout ] ); - }, - /* - // send() 内で onload するケースがあり、そのときはイベントリスナが間に合わないので、タイマーをかませる。 - _lazySend : function( postbody, timeout ){ - if( this._rawObject.timeout === undefined ){ - this._timerID = X.Timer.once( timeout, this, this.onTimeout ); - } else { - this._timerID = 0; - }; + raw.send( X_Type_isString( postdata ) ? postdata : X_String_serialize( postdata ) ); + + if( !async || raw.readyState === 4 ){ + X_Timer_once( 32, X_XHR, [ { type : 'readystatechange' } ] ); + } else + if( init ){ + if( X_XHR._isMsXML ){ + raw[ 'onreadystatechange' ] = X_XHR.handleEvent; + } else + if( X_XHR_progress || X_XHR._isXDR ){ + X_XHR[ 'listen' ]( [ 'load', 'progress', 'error', 'timeout' ] ); //, 'abort' + } else + if( X_UA[ 'IE8' ] ){ + X_XHR[ 'listen' ]( [ 'readystatechange', 'error', 'timeout' ] ); + } else + if( X_UA[ 'IE7' ] ){ + X_XHR[ 'listen' ]( [ 'readystatechange', 'error' ] ); + } else { + X_XHR[ 'listen' ]( [ 'load', 'readystatechange', 'error', 'timeout' ] ); //, 'abort' + }; - // http://allabout.co.jp/gm/gc/24097/#1 - // sendをonreadystatechangeの前に記述すると、ieでは動作しなくなります、、、。 - // konquerorでエラーが発生するのでここでは、とりあえず、send('') としました。 - this._rawObject.send( postbody ); - }, */ + if( X_XHR_upload ){ + raw.upload.addEventListener( 'progress', X_XHR.onUploadProgress ); + }; + }; + }, cancel : function(){ - /* X.Net.XHR.CANCELABLE && */ this._rawObject.abort && this._rawObject.abort(); - this._canceled = true; - this.asyncDispatch( X.Event.CANCELED ); + /* X_XHR[ '_rawObject' ].abort && */ X_XHR[ '_rawObject' ].abort(); + X_XHR._canceled = true; }, reset : function(){ + + X_XHR._method = X_XHR._dataType = ''; + X_XHR._canceled = X_XHR._busy = X_XHR._error = false; + X_XHR._timerID && X_Timer_remove( X_XHR._timerID ); + X_XHR._percent = X_XHR._timerID = 0; + + // XMLHttpRequest の使い方 + // http://webos-goodies.jp/archives/50548720.html + // XMLHttpRequest オブジェクトを再利用する際も、 abort メソッドを呼び出す必要があるようです。 + /* X_XHR[ '_rawObject' ].abort && */ X_XHR[ '_rawObject' ].abort(); + // XMLHttpRequest で順番にリソースを取得する // http://note.chiebukuro.yahoo.co.jp/detail/n16248 - // TODO Opera 10.10 と Safari 4.1 はエラーが起きた XHR を再利用できないので毎回作る + // Opera 10.10 と Safari 4.1 はエラーが起きた XHR を再利用できないので毎回作る // // domes.lingua.heliohost.org/dom-intro/load-save2.html @@ -217,31 +365,36 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){ // Opera 10.10、Safari 4.1 では、同一オリジン制限に違反した XMLHttpRequest オブジェクトは再度 open() しても未送信状態に戻りません。 // Timeout した Gecko の xhr.response に触るとエラー?? - if( X_UA.Opera || X_UA.Webkit || X_UA.Gecko ){ - if( this._error ){ - X_EventDispatcher_toggleAllEvents( this, false ); - this._rawObject = new XMLHttpRequest(); - X_EventDispatcher_toggleAllEvents( this, true ); + + if( X_XHR._error || ( X_XHR_neverReuse && !X_XHR._isMsXML ) ){ + + if( X_XHR_upload ){ + X_XHR_w3c.upload.removeEventListener( 'progress', X_XHR.onUploadProgress ); }; - }; - // XMLHttpRequest の使い方 - // http://webos-goodies.jp/archives/50548720.html - // XMLHttpRequest オブジェクトを再利用する際も、 abort メソッドを呼び出す必要があるようです。 - this._rawObject.abort && this._rawObject.abort(); + // ie7 は xhr object を再利用できない。但し send のあとに alert を挟むと動いた、、、 + // ie7モード(IE11) では再利用可能、、、 + + X_EventDispatcher_toggleAllEvents( X_XHR, false ); + X_XHR[ '_rawObject' ] = null; + + if( X_XHR._isXDR ){ + X_XHR_xdr = null; + delete X_XHR._isXDR; + } else { + X_XHR_w3c = null; + }; - this._method = this._type = ''; - this._canceled = this._busy = this._error = false; - this._timerID && X.Timer.remove( this._timerID ); - this._percent = this._timerID = 0; + X_XHR[ 'unlisten' ]( [ 'load', 'readystatechange', 'progress', 'error', 'timeout' ] ); + }; }, handleEvent : function( e ){ - var raw = this._rawObject, - live = !this._canceled, - status, data; + var raw = X_XHR[ '_rawObject' ], + live = !X_XHR._canceled, + headers, status, text, data; - switch( e.type ){ + switch( e && e.type || 'readystatechange' ){ /* * http://memopad.bitter.jp/w3c/ajax/ajax_xmlhttprequest_onreadystatechange.html readyState XMLHttpRequest のステータスを保持する。0 から 4 までに変化する: @@ -250,27 +403,27 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){ 2: リクエストを受信した 3: リクエストの処理中 4: リクエストは終了してレスポンスの準備が完了 - status 200: "OK" + status 200: 'OK' 404: Page not found If-Modified-Sinceヘッダを利用してWebページのキャッシュを行うXMLHttpRequestラッパー http://www.semblog.org/msano/archives/000407.html * */ case 'readystatechange' : - //if( !X.Net.XHR.PROGRESS ){ + //if( !X.XHR.PROGRESS ){ switch( raw.readyState ){ case 0 : case 1 : return; case 2 : // 0% ajaxstart - live && this.asyncDispatch( { type : X.Event.PROGRESS, percent : 0 } ); + live && X_XHR[ '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_XHR[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : X_XHR._percent < 99.9 ? 99.9 : ( X_XHR._percent + 100 ) / 2 } ); // 99.9% return; case 4 : - if( this._percent === 100 ) return; // Opera8 readystatechange が2重に発生 + if( X_XHR._percent === 100 ) return; // Opera8 readystatechange が2重に発生 // 100% break; // load へ default : @@ -280,127 +433,168 @@ if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){ //}; case 'load' : + + if( !X_XHR._busy ) return; - if( !live ) return this.reset(); - if( !this._busy ) return; - - - this._percent = 100; - this._busy = false; + X_XHR._percent = 100; + X_XHR._busy = false; status = raw.status; + // TODO GET_FULL_HEADERS + // https://msdn.microsoft.com/en-us/library/ms766595%28v=vs.85%29.aspx + // Implemented in: MSXML 3.0 and MSXML 6.0 + if( X_XHR._isXDR ){ + headers = { 'Content-Type' : raw.contentType }; + } else + if( ( X_XHR._isMsXML ? 3 <= X_XHR_msXMLVer : raw.setRequestHeader ) && ( headers = raw.getAllResponseHeaders() ) ){ + headers = X_XHR_parseResponseHeaders( headers ); + }; + // https://code.google.com/p/fakeworker-js/source/browse/src/javascript/fakeworker.js if( ( !status && location.protocol === 'file:' ) || // IE 6.0 でローカルファイルにアクセスした - ( status < 100 ) || + ( status < 100 && ( status = 200 ) ) || ( 200 <= status && status < 400 ) || //status === 304 || - status === 1223 || - ( X_UA.Webkit && status === undefined ) // safari: /webkit/.test(userAgent) + ( status === 1223 && ( status = 204 ) ) || + ( X_UA[ 'Webkit' ] && status === undefined ) // safari: /webkit/.test(userAgent) ){ /* * opera8, safari2, khtml3 で utf8 日本語文字列の文字化け + * + * http://www.kawa.net/works/js/jkl/parsexml.html + + text = raw[ 'responseText' ]; + // Safari and Konqueror cannot understand the encoding of text files. + if( text && ( X_UA[ 'Webkit' ] < 420 || X_UA[ 'KHTML' ] < 4 ) ){ + text = escape( text ); + if ( !text.match( '%u' ) && esc.match( '%' ) ){ + text = decodeURIComponent( text ); + }; + }; */ - // raw.getAllResponseHeaders(); // parse json, html, xml, text, script, css - switch( this._type ){ - case '' : + switch( X_XHR._dataType ){ case 'text' : - data = raw[ 'responseText' ]; + data = X_Script_try( X_Object_find, [ raw, 'responseText' ] ); break; case 'json' : - case 'moz-json' : - data = raw[ 'response' ] || raw[ 'responseText' ]; + data = X_Script_try( X_Object_find, [ raw, 'response' ] ) || X_Script_try( X_Object_find, [ raw, 'responseText' ] ); // eval() を使っているけど JSON の無いブラウザは XDomain な XHR はできないのでよしとする。 // XDomain な XHR の際は Flash 等で代替し、その中に Json parser も組み込む。 // http://d.hatena.ne.jp/sshi/20060904/p1 - if( !X.Type.isObject( data ) ) data = window.JSON ? JSON.parse( data ) : eval( '(' + data + ')' ); + if( X_Type_isString( data ) ) data = X_JSON_parseTrustableString( data ); break; case 'document' : - case 'xml' : - case 'html' : - case 'htm' : - // svg, vml, xaml, xul, mxml ?? data = raw[ 'responseXML' ] || raw[ 'response' ] || raw[ 'responseText' ]; // とりあえず break; case 'blob' : case 'arraybuffer' : + // TODO resoponceBody if( X_UA[ 'IE' ] < 10 ) + // http://d.hatena.ne.jp/maachang/20130221/1361427565 data = raw[ 'response' ] || raw[ 'responseText' ]; // とりあえず break; }; - - this.asyncDispatch( 32, { type : X.Event.SUCCESS, status : status || 200, data : data } ); + }; + + if( data ){ + X_XHR[ 'asyncDispatch' ]( 32, { type : X_EVENT_SUCCESS, status : status || 200, response : data, 'headers' : headers || null } ); } else { - live && this.asyncDispatch( 32, { type : X.Event.ERROR, status : raw.status || 0, percent : 100 } ); + X_XHR[ 'asyncDispatch' ]( 32, { type : X_EVENT_ERROR, status : status || 400, 'headers' : headers || null } ); }; break; case 'progress' : if( e.lengthComputable ){ - this._percent = e.loaded / e.total; - live && this.asyncDispatch( { type : X.Event.PROGRESS, percent : this._percent } ); + X_XHR._percent = e.loaded / e.total * 100; + live && X_XHR._percent < 100 && X_XHR[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : X_XHR._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_XHR._busy = false; + X_XHR._error = X_UA[ 'Opera' ] || X_UA[ 'Webkit' ] ; + live && X_XHR[ '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_XHR._busy = false; + X_XHR._error = !!X_UA[ 'Gecko' ]; + X_XHR[ 'asyncDispatch' ]( { type : X_EVENT_ERROR, 'timeout' : true, status : 408 } ); break; }; }, - + +/* + * http://www.kawa.net/works/js/jkl/parsexml.html + * +// ================================================================ +// method: documentElement() +// return: XML DOM in response body + +JKL.ParseXML.HTTP.prototype.documentElement = function() { + // debug.print( 'documentElement: '+this.req ); + if ( ! this.req ) return; + if ( this.req.responseXML ) { + return this.req.responseXML.documentElement; // XMLHTTPRequest + } else { + return this.req.documentElement; // IXMLDOMDocument + } +}; + */ + onTimeout : function(){ - var raw = this._rawObject, - live = !X_NET_XHRWrapper._canceled || !this._busy; + var raw = X_XHR[ '_rawObject' ], + live = !X_XHR._canceled || !X_XHR._busy; - if( raw.readyState < 3 ){ - this._busy = false; - live && this.asyncDispatch( X.Event.TIMEOUT ); + if( live || raw.readyState < 3 ){ + X_XHR._busy = false; + live && X_XHR[ 'asyncDispatch' ]( { type : X_EVENT_ERROR, 'timeout' : true, status : 408 } ); }; - this._timerID = 0; + X_XHR._timerID = 0; }, - onUploadProgress : X.Net.XHR.UL_PROGRESS && function( e ){ - var raw = X_NET_XHRWrapper._rawObject.upload, - live = !X_NET_XHRWrapper._canceled, - states, data; + onUploadProgress : X_XHR_upload && function( e ){ + !X_XHR._canceled && + X_XHR[ 'asyncDispatch' ]( { + type : X_EVENT_PROGRESS, + 'percent' : X_XHR._percent, + 'uploadPercent' : e.loaded / e.total * 100 + } ); } - }, - true - ); + }; // 同期リクエストでなければならない場合, unload, beforeunload時 +}; +/* + * https://gist.github.com/mmazer/5404301 + * + * XmlHttpRequest's getAllResponseHeaders() method returns a string of response + * headers according to the format described here: + * http://www.w3.org/TR/XMLHttpRequest/#the-getallresponseheaders-method + * This method parses that string into a user-friendly key/value pair object. + * + * http://hakuhin.jp/js/xmlhttprequest.html#XHR_GET_ALL_RESPONSE_HEADERS + * 複数の情報が存在する場合、改行で区切られています。 + */ - if( X_UA.IE8 ){ - X_NET_XHRWrapper.listen( [ 'readystatechange', 'error', 'timeout' ] ); //, 'abort' - } else - if( X_UA.IE7 ){ - if( X_URL_IS_LOCAL ){ - X_NET_XHRWrapper.listen( 'readystatechange' ); // ie7 ActiveX の場合、error は不可 - } else { - X_NET_XHRWrapper.listen( [ 'readystatechange', 'error' ] ); - }; - } else - if( X_Net_XHR_ACTIVE_X ){ // win ie5-6 - X_NET_XHRWrapper.listen( 'readystatechange' ); - } else - if( X.Net.XHR.PROGRESS ){ - X_NET_XHRWrapper.listen( [ 'load', 'progress', 'error', 'timeout' ] ); //, 'abort' - } else { - X_NET_XHRWrapper.listen( [ 'load', 'readystatechange', 'error', 'timeout' ] ); //, 'abort' - }; +function X_XHR_parseResponseHeaders( headerStr ){ + var headers = {}, headerPairs, i = 0, l, headerPair, index, key, val; - if( X_NET_XHRWrapper.onUploadProgress ){ - X_NET_XHRWrapper._rawObject.upload.addEventListener( 'progress', X_NET_XHRWrapper.onUploadProgress ); + if( !headerStr ) return headers; + + headerPairs = headerStr.split( '\u000d\u000a' ); + for( l = headerPairs.length; i < l ; ++i ){ + headerPair = headerPairs[i]; + index = headerPair.indexOf( '\u003a\u0020' ); + if( index > 0 ){ + key = headerPair.substring( 0, index ); + val = headerPair.substring( index + 2 ); + headers[ key ] = val.split( '\r\n' ).join( '\n' ).split( '\n' ); + }; }; + return headers; };