1 // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
\r
2 // https://web.archive.org/web/20071101021832/http://web.paulownia.jp/script/ajax/xmlhttp4.html
\r
3 // https://web.archive.org/web/20091029170015/http://wiki.paulownia.jp/ajax/xmlhttprequest
\r
5 * http://ponpon-village.net/ajax/xmlhttp.htm
\r
6 * IE のバージョンによっては、ActiveXObject("Msxml2.XMLHTTP.5.0") , ActiveXObject("Msxml2.XMLHTTP.4.0") ,
\r
7 ActiveXObject("Msxml2.XMLHTTP.3.0") , ActiveXObject("Msxml2.XMLHTTP") なども使用出来る。
\r
9 http://vird2002.s8.xrea.com/javascript/XMLHttpRequest.html
\r
11 new ActiveXObject( 'Msxml2.XMLHTTP.3.0' ); // バージョン3.0 広範に利用されているので、今後も bugfix を行う
\r
12 new ActiveXObject( 'Msxml2.XMLHTTP.6.0' ); // バージョン6.0 は最新版なので bugfix を続ける
\r
14 // --- 使うべきではないオブジェクト
\r
15 new ActiveXObject( 'Microsoft.XMLHTTP' ); // Microsoft接頭辞は古いので指定すべきではない
\r
16 new ActiveXObject( 'Msxml.XMLHTTP' ); // Msxml2接頭辞を指定すべき
\r
17 new ActiveXObject( 'Msxml2.XMLHTTP' ); // バージョンを省略すると 3.0 として扱われるので、バージョンは明記すべき
\r
18 new ActiveXObject( 'Msxml2.XMLHTTP.4.0' ); // バージョン4.0 は bugfix が行われないので、3.0 か 6.0 を指定すべき
\r
19 new ActiveXObject( 'Msxml2.XMLHTTP.5.0' ); // バージョン5.0 は bugfix が行われないので、3.0 か 6.0 を指定すべき
\r
21 [IE][Javascript][Json] IE+Jsonではまった
\r
22 http://d.hatena.ne.jp/khiker/20081026/javascript_json
\r
23 > AddCharset utf-8 json
\r
24 > AddType text/javascript json
\r
26 JavaScriptでJSONをeval
\r
27 http://d.hatena.ne.jp/sshi/20060904/p1
\r
29 itozyun 2014-10-30 20:55:41
\r
30 basic 認証のかかったhtml を表示して、そのjsが xhr をすると Android1.6 では 401 error が返る。Android 2.3 では解決している。
\r
31 Android1.6- の XHR で 401 エラーが返った場合は、iframe に xml を表示させてその内容を取ればサーバ側の対応無しでいけるかも?
\r
33 var // Opera7.6+, Safari1.2+, khtml3.?+, Gecko0.9.7+
\r
34 // ie7&8 ではローカルリソースには ActiveX の XHR を使う
\r
35 X_Net_XHR_createW3C = window[ 'XMLHttpRequest' ] && function(){ return X_Net_XHR_w3c || ( X_Net_XHR_w3c = new XMLHttpRequest() ); },
\r
36 X_Net_XHR_w3c = X_Net_XHR_createW3C && X_Net_XHR_createW3C(),
\r
37 X_Net_XHR_progress = X_Net_XHR_w3c && X_Net_XHR_w3c.onprogress !== undefined,
\r
38 X_Net_XHR_upload = X_Net_XHR_w3c && !!X_Net_XHR_w3c.upload,
\r
40 X_Net_XHR_createXDR = window[ 'XDomainRequest' ] && function(){ return X_Net_XHR_xdr || ( X_Net_XHR_xdr = new XDomainRequest() ); },
\r
41 X_Net_XHR_xdr = X_Net_XHR_createXDR && X_Net_XHR_createXDR(),
\r
43 X_Net_XHR_createMSXML = X_UA[ 'ActiveX' ] && ( X_UA[ 'IE5x' ] || X_UA[ 'IE6' ] || ( X_URL_IS_LOCAL && X_UA[ 'IE' ] ) ) &&
\r
44 ( new Function( 'f', [
\r
45 'var x=".XMLHTTP",',
\r
47 'n=[m+".6.0",m+".3.0",m+".5.0",m+".4.0",m,"Microsoft"+x],',
\r
53 'return f?[v[++i],new a(n[i])]:new a(n[i])',
\r
58 X_Net_XHR_VERSION = 0,
\r
59 X_Net_XHR_msXML = X_Net_XHR_createMSXML && X_Net_XHR_createMSXML( true ),
\r
61 X_Net_XHR_unReuseAlways = /* !X_UA[ 'IECompat' ] && */ X_UA[ 'IE' ] < 9,
\r
65 if( X_Net_XHR_msXML ){
\r
66 X_Net_XHR_VERSION = X_Net_XHR_msXML[ 0 ];
\r
67 X_Net_XHR_msXML = X_Net_XHR_msXML[ 1 ];
\r
69 X_Net_XHR_createMSXML = null;
\r
72 X[ 'Net' ][ 'XHR' ] = {
\r
75 * http://hakuhin.jp/as/import.html
\r
76 * ファイルの読み込みについて(4 or 5 or 6+)
\r
77 * http://hakuhin.jp/as/javascript.html
\r
78 * Flash から JavaScript にアクセスする(3+)
\r
83 * https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
\r
84 * Progress Events Chrome7, firefox3.5, ie10, opera12, Safari?, Chrome for Android 0.16
\r
86 'PROGRESS' : X_Net_XHR_progress,
\r
88 'UL_PROGRESS' : X_Net_XHR_upload,
\r
91 'CORS' : X_Net_XHR_xdr || ( X_Net_XHR_w3c && X_Net_XHR_w3c.withCredentials !== undefined )
\r
94 if( X_Net_XHR_w3c || X_Net_XHR_msXML ){
\r
96 X_TEMP.X_Net_XHR_init = function(){
\r
98 delete X_TEMP.X_Net_XHR_init;
\r
100 X_NET_XHRWrapper = X_Class_override(
\r
101 X_EventDispatcher(),
\r
104 '_rawType' : X_EventDispatcher_EVENT_TARGET_XHR,
\r
105 // '_rawObject' : X_Net_XHR_w3c || X_Net_XHR_msXML,
\r
118 load : function( obj ){
\r
119 var raw = this[ '_rawObject' ],
\r
120 method = obj[ 'method' ],
\r
121 url = obj[ 'url' ],
\r
122 async = obj[ 'async' ] !== false,
\r
123 username = obj[ 'username' ],
\r
124 password = obj[ 'password' ],
\r
125 headers = obj[ 'headers' ] || {},
\r
126 postdata = obj[ 'postdata' ] || '',
\r
127 timeout = obj[ 'timeout' ] || 20000,
\r
128 xDomain = !X_URL_isSameDomain( url ),
\r
129 isFile = X_URL_isLocal( url ),
\r
132 this._dataType = obj[ 'dataType' ] || X_URL_getEXT( url );
\r
134 if( !raw || xDomain !== this._isXDR || ( X_Net_XHR_createMSXML && isFile !== this._isMsXML ) ){
\r
136 this[ 'unlisten' ]( [ 'load', 'readystatechange', 'progress', 'error', 'timeout' ] );
\r
138 this[ '_rawObject' ] = raw = xDomain ?
\r
139 X_Net_XHR_createXDR() :
\r
141 ( X_Net_XHR_createMSXML ?
\r
142 ( X_Net_XHR_msXML = X_Net_XHR_msXML || X_Net_XHR_createMSXML() ):
\r
143 X_Net_XHR_createW3C()
\r
145 X_Net_XHR_createW3C ?
\r
146 X_Net_XHR_createW3C() :
\r
147 ( X_Net_XHR_msXML = X_Net_XHR_msXML || X_Net_XHR_createMSXML() );
\r
149 // raw === XDR これは error になるのでフラグに控える
\r
150 this._isXDR = X_Net_XHR_createXDR && xDomain;
\r
151 this._isMsXML = !X_Net_XHR_createW3C || ( isFile && X_Net_XHR_createMSXML );
\r
153 if( this._isMsXML ){
\r
154 this[ 'listen' ]( 'readystatechange' ); // TODO ie7 ActiveX の場合、error は不可 toggleAllEvent のあたり
\r
156 if( X_UA[ 'IE8' ] ){
\r
157 this[ 'listen' ]( [ 'readystatechange', 'error', 'timeout' ] );
\r
159 if( X_UA[ 'IE7' ] ){
\r
160 this[ 'listen' ]( [ 'readystatechange', 'error' ] );
\r
162 if( X_Net_XHR_progress ){
\r
163 this[ 'listen' ]( [ 'load', 'progress', 'error', 'timeout' ] ); //, 'abort'
\r
165 this[ 'listen' ]( [ 'load', 'readystatechange', 'error', 'timeout' ] ); //, 'abort'
\r
168 X_EventDispatcher_toggleAllEvents( this, true );
\r
170 if( X_Net_XHR_upload ){
\r
171 raw.upload.addEventListener( 'progress', this.onUploadProgress );
\r
175 raw.open( method, url, async, username, password );
\r
177 if( raw.responseType !== undefined ){
\r
178 switch( this._dataType ){
\r
182 raw.responseType = 'text';
\r
186 raw.responseType = X_UA[ 'Gecko' ] ? this._dataType : ''; // Iron 37 でエラー
\r
193 raw.responseType = 'document';
\r
196 case 'arraybuffer' :
\r
197 // jpeg,jpg,png,gif,mp3,ogg...
\r
198 raw.responseType = this._dataType;
\r
203 // http://www.quirksmode.org/blog/archives/2005/09/xmlhttp_notes_r_1.html
\r
204 if( !this._isMsXML && raw.overrideMimeType ){
\r
205 switch( X_URL_getEXT( url ) ){
\r
212 tmp = 'audio/mpeg';
\r
225 tmp = 'audio/x-m4a"';
\r
228 tmp = 'audio/x-mp4';
\r
231 tmp = 'audio/webm';
\r
234 if( tmp = obj[ 'mimeType' ] || tmp ) raw.overrideMimeType( tmp );
\r
237 if( !this._isMsXML && !this._isXDR && raw.setRequestHeader ){
\r
239 // http://nakigao.sitemix.jp/blog/?p=2040
\r
240 // json 取得時に SafariでHTTP/412のエラー。但し相手が audio の場合、この指定があるとロードに失敗する。 iOS8.2, iOS7.1 では遭遇せず
\r
241 if( this._dataType === 'json' ){
\r
242 headers[ 'If-Modified-Since' ] = ( new Date ).toUTCString();
\r
245 // http://boscono.hatenablog.com/entry/2013/12/23/152851
\r
246 if ( !xDomain && !headers[ 'X-Requested-With' ] ) {
\r
247 headers[ 'X-Requested-With' ] = 'XMLHttpRequest';
\r
250 if( method === 'POST' ){
\r
251 headers[ 'Content-Type' ] = 'application/x-www-form-urlencoded';
\r
254 for( p in headers ){
\r
255 if( X_EMPTY_OBJECT[ p ] ) continue;
\r
256 headers[ p ] !== undefined && raw.setRequestHeader( p, headers[ p ] + '' ); // Opera8.01+, MSXML3+
\r
260 if( raw.timeout !== undefined ){
\r
261 raw.timeout = timeout;
\r
263 this._timerID = X_Timer_once( timeout, this, this.onTimeout );
\r
266 // send 前にフラグを立てる,回線が早いと raw.send() 内で onload -> _busy = false ののち、 _busy = true するため。
\r
269 raw.send( X_Type_isString( postdata ) ? postdata : X_String_serialize( postdata ) );
\r
271 if( !async || raw.readyState === 4 ){ // raw.readyState へのアクセスで ie7 実機でerror
\r
272 this[ 'asyncDispatch' ]( this[ 'listening' ]( 'load' ) ? 'load' : 'readystatechange' );
\r
276 cancel : function(){
\r
277 /* X.Net.XHR.CANCELABLE && */ this[ '_rawObject' ].abort && this[ '_rawObject' ].abort();
\r
278 this._canceled = true;
\r
281 reset : function(){
\r
282 // XMLHttpRequest で順番にリソースを取得する
\r
283 // http://note.chiebukuro.yahoo.co.jp/detail/n16248
\r
284 // Opera 10.10 と Safari 4.1 はエラーが起きた XHR を再利用できないので毎回作る
\r
287 // domes.lingua.heliohost.org/dom-intro/load-save2.html
\r
288 // 規定上は open() を呼び出すと XMLHttpRequest オブジェクトが未送信状態に戻りますが、
\r
289 // Opera 10.10、Safari 4.1 では、同一オリジン制限に違反した XMLHttpRequest オブジェクトは再度 open() しても未送信状態に戻りません。
\r
291 // Timeout した Gecko の xhr.response に触るとエラー??
\r
292 if( this._error && ( X_UA[ 'Opera' ] || X_UA[ 'Webkit' ] || X_UA[ 'Gecko' ] ) ){
\r
293 if( X_Net_XHR_upload ){
\r
294 X_Net_XHR_w3c.upload.removeEventListener( 'progress', this.onUploadProgress );
\r
297 X_EventDispatcher_toggleAllEvents( this, false );
\r
298 this[ '_rawObject' ] = X_Net_XHR_w3c = null;
\r
299 //X_EventDispatcher_toggleAllEvents( this, true );
\r
302 // XMLHttpRequest の使い方
\r
303 // http://webos-goodies.jp/archives/50548720.html
\r
304 // XMLHttpRequest オブジェクトを再利用する際も、 abort メソッドを呼び出す必要があるようです。
\r
305 this[ '_rawObject' ].abort && this[ '_rawObject' ].abort();
\r
307 if( X_Net_XHR_unReuseAlways ){
\r
308 // ie7 は xhr object を再利用できない。但し send のあとに alert を挟むと動いた、、、
\r
309 // ie7モード(IE11) では再利用可能、、、
\r
310 X_EventDispatcher_toggleAllEvents( this, false );
\r
311 this[ '_rawObject' ] = null;
\r
314 X_Net_XHR_xdr = null;
\r
316 if( this._isMsXML ){
\r
317 X_Net_XHR_msXML = null;
\r
319 X_Net_XHR_w3c = null;
\r
321 delete this._isXDR;
\r
322 delete this._isMsXML;
\r
326 this._method = this._dataType = '';
\r
327 this._canceled = this._busy = this._error = false;
\r
328 this._timerID && X_Timer_remove( this._timerID );
\r
329 this._percent = this._timerID = 0;
\r
332 handleEvent : function( e ){
\r
333 var raw = this[ '_rawObject' ],
\r
334 live = !this._canceled,
\r
339 * http://memopad.bitter.jp/w3c/ajax/ajax_xmlhttprequest_onreadystatechange.html
\r
340 readyState XMLHttpRequest のステータスを保持する。0 から 4 までに変化する:
\r
345 4: リクエストは終了してレスポンスの準備が完了
\r
347 404: Page not found
\r
349 If-Modified-Sinceヘッダを利用してWebページのキャッシュを行うXMLHttpRequestラッパー
\r
350 http://www.semblog.org/msano/archives/000407.html
\r
352 case 'readystatechange' :
\r
353 //if( !X.Net.XHR.PROGRESS ){
\r
354 switch( raw.readyState ){
\r
358 case 2 : // 0% ajaxstart
\r
359 live && this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : 0 } );
\r
362 live && this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : this._percent < 99.9 ? 99.9 : ( this._percent + 100 ) / 2 } );
\r
366 if( this._percent === 100 ) return; // Opera8 readystatechange が2重に発生
\r
377 if( !live ) return this.reset();
\r
378 if( !this._busy ) return;
\r
381 this._percent = 100;
\r
382 this._busy = false;
\r
383 status = raw.status;
\r
385 // https://code.google.com/p/fakeworker-js/source/browse/src/javascript/fakeworker.js
\r
387 ( !status && location.protocol === 'file:' ) ||
\r
388 // IE 6.0 でローカルファイルにアクセスした
\r
389 ( status < 100 ) ||
\r
390 ( 200 <= status && status < 400 ) ||
\r
391 //status === 304 ||
\r
392 ( status === 1223 && ( status = 204 ) ) ||
\r
393 ( X_UA[ 'Webkit' ] && status === undefined ) // safari: /webkit/.test(userAgent)
\r
396 * opera8, safari2, khtml3 で utf8 日本語文字列の文字化け
\r
398 // raw.getAllResponseHeaders();
\r
400 // parse json, html, xml, text, script, css
\r
401 switch( this._dataType ){
\r
404 data = raw[ 'responseText' ];
\r
408 data = raw[ 'response' ] || raw[ 'responseText' ];
\r
409 // eval() を使っているけど JSON の無いブラウザは XDomain な XHR はできないのでよしとする。
\r
410 // XDomain な XHR の際は Flash 等で代替し、その中に Json parser も組み込む。
\r
411 // http://d.hatena.ne.jp/sshi/20060904/p1
\r
412 if( !X_Type_isObject( data ) ) data = window.JSON ? JSON.parse( data ) : eval( '(' + data + ')' );
\r
418 // svg, vml, xaml, xul, mxml ??
\r
419 data = raw[ 'responseXML' ] || raw[ 'response' ] || raw[ 'responseText' ]; // とりあえず
\r
422 case 'arraybuffer' :
\r
423 data = raw[ 'response' ] || raw[ 'responseText' ]; // とりあえず
\r
427 this[ 'asyncDispatch' ]( 32, { type : X_EVENT_SUCCESS, status : status || 200, data : data } );
\r
430 this[ 'asyncDispatch' ]( 32, { type : X_EVENT_ERROR, status : raw.status || 0, 'percent' : 100 } );
\r
435 if( e.lengthComputable ){
\r
436 this._percent = e.loaded / e.total;
\r
437 live && this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : this._percent } );
\r
442 //console.dir( e );
\r
443 this._busy = false;
\r
444 this._error = X_UA[ 'Opera' ] || X_UA[ 'Webkit' ] ;
\r
445 live && this[ 'asyncDispatch' ]( 32, { type : X_EVENT_ERROR, status : raw.status } );
\r
448 case 'timeout' : // Gecko 12.0 https://developer.mozilla.org/ja/docs/XMLHttpRequest/Synchronous_and_Asynchronous_Requests
\r
449 this._busy = false;
\r
450 this._error = !!X_UA[ 'Gecko' ];
\r
451 this[ 'asyncDispatch' ]( X_EVENT_TIMEOUT );
\r
456 onTimeout : function(){
\r
457 var raw = this[ '_rawObject' ],
\r
458 live = !X_NET_XHRWrapper._canceled || !this._busy;
\r
460 if( live || raw.readyState < 3 ){
\r
461 this._busy = false;
\r
462 live && this[ 'asyncDispatch' ]( X_EVENT_TIMEOUT );
\r
467 onUploadProgress : X_Net_XHR_upload && function( e ){
\r
468 var raw = X_NET_XHRWrapper[ '_rawObject' ].upload,
\r
469 live = !X_NET_XHRWrapper._canceled,
\r
471 live && X_NET_XHRWrapper[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : X_NET_XHRWrapper._percent, 'uploadPercent' : ( e.loaded / e.total ) } );
\r
476 // 同期リクエストでなければならない場合, unload, beforeunload時
\r
478 return X_NET_XHRWrapper;
\r