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ではまったAdd Star
\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 X_Net_XHR_W3C = ( !X_UA.IE7 || !X_URL_IS_LOCAL ) && window[ 'XMLHttpRequest' ] && new XMLHttpRequest(),
\r
34 X_Net_XHR_X_DOMAIN = window[ 'XDomainRequest' ] && new XDomainRequest(),
\r
35 X_Net_XHR_VERSION = 0,
\r
36 X_Net_XHR_ACTIVE_X = !X_UA.IE4 && X_UA.IE < 8 && X_UA.ActiveX && ( new Function( [
\r
37 'var x=".XMLHTTP",',
\r
39 'n=[m+".6.0",m+".3.0",m+".5.0",m+".4.0",m,"Microsoft"+x],',
\r
44 'return[v[++i],new ActiveXObject(n[i])]',
\r
49 if( X_Net_XHR_ACTIVE_X ){
\r
50 X_Net_XHR_VERSION = X_Net_XHR_ACTIVE_X[ 0 ];
\r
51 X_Net_XHR_ACTIVE_X = X_Net_XHR_ACTIVE_X[ 1 ];
\r
55 // Opera7.6+, Safari1.2+, khtml3.?+, Gecko0.9.7+
\r
56 W3C : !!X_Net_XHR_W3C,
\r
58 X_DOMAIN : !!X_Net_XHR_X_DOMAIN,
\r
60 // ie7 ではローカルリソースには ActiveX の XHR を使う
\r
61 ACTIVE_X : !!X_Net_XHR_ACTIVE_X,
\r
64 * http://hakuhin.jp/as/import.html
\r
65 * ファイルの読み込みについて(4 or 5 or 6+)
\r
66 * http://hakuhin.jp/as/javascript.html
\r
67 * Flash から JavaScript にアクセスする(3+)
\r
71 // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
\r
72 // Progress Events Chrome7, firefox3.5, ie10, opera12, Safari?, Chrome for Android 0.16
\r
73 PROGRESS : false, //
\r
75 UL_PROGRESS : false,
\r
83 if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){
\r
85 X_NET_XHRWrapper = X_Class_override(
\r
86 new X.EventDispatcher(),
\r
89 _rawType : X_EventDispatcher_EVENT_TARGET_TYPE.XHR,
\r
90 _rawObject : X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X,
\r
91 _isXDR : false, // for ie8
\r
101 load : function( obj ){
\r
102 var raw = this._rawObject,
\r
103 method = obj[ 'method' ],
\r
104 url = obj[ 'url' ],
\r
105 async = obj[ 'async' ],
\r
106 user = obj[ 'user' ],
\r
107 password = obj[ 'password' ],
\r
108 headers = obj[ 'headers' ] || {},
\r
109 postbody = obj[ 'postbody' ],
\r
110 timeout = obj[ 'timeout' ] || 20000,
\r
113 if( obj[ 'type' ] ){
\r
114 this._type = obj[ 'type' ];
\r
116 temp = X_URL_cleanup( url ).split( '.' );
\r
117 if( 2 <= temp.length ){
\r
118 this._type = temp[ temp.length - 1 ].toLowerCase();
\r
122 if( X_Net_XHR_X_DOMAIN ){
\r
123 if( X_URL_isSameDomain( url ) ){ // isXDomain
\r
125 X_EventDispatcher_toggleAllEvents( this, false );
\r
126 this._rawObject = X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X;
\r
127 X_EventDispatcher_toggleAllEvents( this, true );
\r
128 this._isXDR = false;
\r
131 if( !this._isXDR ){
\r
132 X_EventDispatcher_toggleAllEvents( this, false );
\r
133 this._rawObject = X_Net_XHR_X_DOMAIN;
\r
134 X_EventDispatcher_toggleAllEvents( this, true );
\r
135 this._isXDR = true;
\r
140 raw.open( method, url, true );
\r
142 if( raw.responseType !== undefined ){
\r
143 switch( this._type ){
\r
147 raw.responseType = 'text';
\r
151 raw.responseType = X_UA.Gecko ? this._type : ''; // Iron 37 でエラー
\r
158 raw.responseType = 'document';
\r
161 case 'arraybuffer' :
\r
162 // jpeg,jpg,png,gif,mp3,ogg...
\r
163 raw.responseType = this._type;
\r
168 // http://www.quirksmode.org/blog/archives/2005/09/xmlhttp_notes_r_1.html
\r
169 // raw.overrideMimeType()
\r
170 if( !X_Net_XHR_ACTIVE_X && X.Type.isFunction( raw.setRequestHeader ) ){
\r
172 // http://nakigao.sitemix.jp/blog/?p=2040
\r
173 // SafariでHTTP/412のエラー
\r
174 headers[ 'If-Modified-Since' ] = ( new Date ).toUTCString();
\r
176 for( p in headers ){
\r
177 if( X_EMPTY_OBJECT[ p ] ) continue;
\r
178 raw.setRequestHeader( p, headers[ p ] ); // Opera8.01+, MSXML3+
\r
182 if( raw.timeout !== undefined ){
\r
183 raw.timeout = timeout;
\r
185 this._timerID = X.Timer.once( timeout, this, this.onTimeout );
\r
188 // send 前にフラグを立てる,回線が早いと raw.send() 内で onload -> _busy = false ののち、 _busy = true するため。
\r
192 raw.send( postbody || '' );
\r
193 //this._timerID = X.Timer.once( 16, this, this._lazySend, [ postbody || '', timeout ] );
\r
196 // send() 内で onload するケースがあり、そのときはイベントリスナが間に合わないので、タイマーをかませる。
\r
197 _lazySend : function( postbody, timeout ){
\r
198 if( this._rawObject.timeout === undefined ){
\r
199 this._timerID = X.Timer.once( timeout, this, this.onTimeout );
\r
204 // http://allabout.co.jp/gm/gc/24097/#1
\r
205 // sendをonreadystatechangeの前に記述すると、ieでは動作しなくなります、、、。
\r
206 // konquerorでエラーが発生するのでここでは、とりあえず、send('') としました。
\r
207 this._rawObject.send( postbody );
\r
210 cancel : function(){
\r
211 /* X.Net.XHR.CANCELABLE && */ this._rawObject.abort && this._rawObject.abort();
\r
212 this._canceled = true;
\r
213 this.asyncDispatch( X.Event.CANCELED );
\r
216 reset : function(){
\r
217 // XMLHttpRequest で順番にリソースを取得する
\r
218 // http://note.chiebukuro.yahoo.co.jp/detail/n16248
\r
219 // TODO Opera 10.10 と Safari 4.1 はエラーが起きた XHR を再利用できないので毎回作る
\r
222 // domes.lingua.heliohost.org/dom-intro/load-save2.html
\r
223 // 規定上は open() を呼び出すと XMLHttpRequest オブジェクトが未送信状態に戻りますが、
\r
224 // Opera 10.10、Safari 4.1 では、同一オリジン制限に違反した XMLHttpRequest オブジェクトは再度 open() しても未送信状態に戻りません。
\r
226 // Timeout した Gecko の xhr.response に触るとエラー??
\r
227 if( X_UA.Opera || X_UA.Webkit || X_UA.Gecko ){
\r
229 X_EventDispatcher_toggleAllEvents( this, false );
\r
230 this._rawObject = new XMLHttpRequest();
\r
231 X_EventDispatcher_toggleAllEvents( this, true );
\r
235 // XMLHttpRequest の使い方
\r
236 // http://webos-goodies.jp/archives/50548720.html
\r
237 // XMLHttpRequest オブジェクトを再利用する際も、 abort メソッドを呼び出す必要があるようです。
\r
238 this._rawObject.abort && this._rawObject.abort();
\r
240 this._method = this._type = '';
\r
241 this._canceled = this._busy = this._error = false;
\r
242 this._timerID && X.Timer.remove( this._timerID );
\r
243 this._percent = this._timerID = 0;
\r
246 handleEvent : function( e ){
\r
247 var raw = this._rawObject,
\r
248 live = !this._canceled,
\r
253 * http://memopad.bitter.jp/w3c/ajax/ajax_xmlhttprequest_onreadystatechange.html
\r
254 readyState XMLHttpRequest のステータスを保持する。0 から 4 までに変化する:
\r
259 4: リクエストは終了してレスポンスの準備が完了
\r
261 404: Page not found
\r
263 If-Modified-Sinceヘッダを利用してWebページのキャッシュを行うXMLHttpRequestラッパー
\r
264 http://www.semblog.org/msano/archives/000407.html
\r
266 case 'readystatechange' :
\r
267 //if( !X.Net.XHR.PROGRESS ){
\r
268 switch( raw.readyState ){
\r
272 case 2 : // 0% ajaxstart
\r
273 live && this.asyncDispatch( { type : X.Event.PROGRESS, percent : 0 } );
\r
276 live && this.asyncDispatch( { type : X.Event.PROGRESS, percent : this._percent < 99.9 ? 99.9 : ( this._percent + 100 ) / 2 } );
\r
280 if( this._percent === 100 ) return; // Opera8 readystatechange が2重に発生
\r
291 if( !live ) return this.reset();
\r
292 if( !this._busy ) return;
\r
295 this._percent = 100;
\r
296 this._busy = false;
\r
297 status = raw.status;
\r
299 // https://code.google.com/p/fakeworker-js/source/browse/src/javascript/fakeworker.js
\r
301 ( !status && location.protocol === 'file:' ) ||
\r
302 // IE 6.0 でローカルファイルにアクセスした
\r
303 ( status < 100 ) ||
\r
304 ( 200 <= status && status < 400 ) ||
\r
305 //status === 304 ||
\r
307 ( X_UA.Webkit && status === undefined ) // safari: /webkit/.test(userAgent)
\r
310 * opera8, safari2, khtml3 で utf8 日本語文字列の文字化け
\r
312 // raw.getAllResponseHeaders();
\r
314 // parse json, html, xml, text, script, css
\r
315 switch( this._type ){
\r
318 data = raw[ 'responseText' ];
\r
322 data = raw[ 'response' ] || raw[ 'responseText' ];
\r
323 // eval() を使っているけど JSON の無いブラウザは XDomain な XHR はできないのでよしとする。
\r
324 // XDomain な XHR の際は Flash 等で代替し、その中に Json parser も組み込む。
\r
325 // http://d.hatena.ne.jp/sshi/20060904/p1
\r
326 if( !X.Type.isObject( data ) ) data = window.JSON ? JSON.parse( data ) : eval( '(' + data + ')' );
\r
332 // svg, vml, xaml, xul, mxml ??
\r
333 data = raw[ 'responseXML' ] || raw[ 'response' ] || raw[ 'responseText' ]; // とりあえず
\r
336 case 'arraybuffer' :
\r
337 data = raw[ 'response' ] || raw[ 'responseText' ]; // とりあえず
\r
341 this.asyncDispatch( 32, { type : X.Event.SUCCESS, status : status || 200, data : data } );
\r
343 live && this.asyncDispatch( 32, { type : X.Event.ERROR, status : raw.status || 0, percent : 100 } );
\r
348 if( e.lengthComputable ){
\r
349 this._percent = e.loaded / e.total;
\r
350 live && this.asyncDispatch( { type : X.Event.PROGRESS, percent : this._percent } );
\r
355 //console.dir( e );
\r
356 this._busy = false;
\r
357 this._error = X_UA.Opera || X_UA.Webkit;
\r
358 live && this.asyncDispatch( 32, { type : X.Event.ERROR, status : raw.status } );
\r
361 case 'timeout' : // Gecko 12.0 https://developer.mozilla.org/ja/docs/XMLHttpRequest/Synchronous_and_Asynchronous_Requests
\r
362 this._busy = false;
\r
363 this._error = !!X_UA.Gecko;
\r
364 this.asyncDispatch( X.Event.TIMEOUT );
\r
369 onTimeout : function(){
\r
370 var raw = this._rawObject,
\r
371 live = !X_NET_XHRWrapper._canceled || !this._busy;
\r
373 if( raw.readyState < 3 ){
\r
374 this._busy = false;
\r
375 live && this.asyncDispatch( X.Event.TIMEOUT );
\r
380 onUploadProgress : X.Net.XHR.UL_PROGRESS && function( e ){
\r
381 var raw = X_NET_XHRWrapper._rawObject.upload,
\r
382 live = !X_NET_XHRWrapper._canceled,
\r
388 // 同期リクエストでなければならない場合, unload, beforeunload時
\r
391 X_NET_XHRWrapper.listen( [ 'readystatechange', 'error', 'timeout' ] ); //, 'abort'
\r
394 if( X_URL_IS_LOCAL ){
\r
395 X_NET_XHRWrapper.listen( 'readystatechange' ); // ie7 ActiveX の場合、error は不可
\r
397 X_NET_XHRWrapper.listen( [ 'readystatechange', 'error' ] );
\r
400 if( X_Net_XHR_ACTIVE_X ){ // win ie5-6
\r
401 X_NET_XHRWrapper.listen( 'readystatechange' );
\r
403 if( X.Net.XHR.PROGRESS ){
\r
404 X_NET_XHRWrapper.listen( [ 'load', 'progress', 'error', 'timeout' ] ); //, 'abort'
\r
406 X_NET_XHRWrapper.listen( [ 'load', 'readystatechange', 'error', 'timeout' ] ); //, 'abort'
\r
409 if( X_NET_XHRWrapper.onUploadProgress ){
\r
410 X_NET_XHRWrapper._rawObject.upload.addEventListener( 'progress', X_NET_XHRWrapper.onUploadProgress );
\r