OSDN Git Service

Version 0.6.112, fix X.Node.Anime, rewite X.Audio.* for AudioSprite, add X.Audio...
[pettanr/clientJs.git] / 0.6.x / js / 06_net / 01_XNetXHR.js
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
4 /* \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
8 \r
9 http://vird2002.s8.xrea.com/javascript/XMLHttpRequest.html\r
10 // --- 使うべきオブジェクト\r
11 new ActiveXObject( 'Msxml2.XMLHTTP.3.0' ); // バージョン3.0 広範に利用されているので、今後も bugfix を行う\r
12 new ActiveXObject( 'Msxml2.XMLHTTP.6.0' ); // バージョン6.0 は最新版なので bugfix を続ける\r
13 \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
20 \r
21  */\r
22 var X_Net_XHR_W3C      = ( !X_UA.IE7 || !X_URL_IS_LOCAL ) && window[ 'XMLHttpRequest' ] && new XMLHttpRequest(),\r
23         X_Net_XHR_X_DOMAIN = window[ 'XDomainRequest' ] && new XDomainRequest(),\r
24         X_Net_XHR_VERSION  = 0,\r
25         X_Net_XHR_ACTIVE_X = !X_UA.IE4 && X_UA.IE < 8 && X_UA.ActiveX && ( new Function( [\r
26                 'var x=".XMLHTTP",',\r
27                         'm="MSXML2"+x,',\r
28                         'n=[m+".6.0",m+".3.0",m+".5.0",m+".4.0",m,"Microsoft"+x],',\r
29                         'v=[6,3,5,4,2,1],',\r
30                         'i=-1;',\r
31                 'for(;i<5;){',\r
32                         'try{',\r
33                                 'return[v[++i],new ActiveXObject(n[i])]',\r
34                         '}catch(e){return false}',\r
35                 '}'\r
36         ].join( '' ) ) )();\r
37 \r
38 if( X_Net_XHR_ACTIVE_X ){\r
39         X_Net_XHR_VERSION  = X_Net_XHR_ACTIVE_X[ 0 ];\r
40         X_Net_XHR_ACTIVE_X = X_Net_XHR_ACTIVE_X[ 1 ];\r
41 };\r
42 \r
43 X.Net.XHR = {\r
44         // Opera7.6+, Safari1.2+, khtml3.?+, Gecko0.9.7+\r
45         W3C         : !!X_Net_XHR_W3C,\r
46 \r
47         X_DOMAIN    : !!X_Net_XHR_X_DOMAIN,\r
48 \r
49         ACTIVE_X    : !!X_Net_XHR_ACTIVE_X,\r
50 \r
51 /*\r
52  * http://hakuhin.jp/as/import.html\r
53  * ファイルの読み込みについて(4 or 5 or 6+)\r
54  * http://hakuhin.jp/as/javascript.html\r
55  * Flash から JavaScript にアクセスする(3+)\r
56  */\r
57         FLASH       : false,\r
58         \r
59 \r
60 // ie7 ではローカルリソースには ActiveX の XHR を使う\r
61 \r
62 // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest\r
63 // Progress Events      Chrome7, firefox3.5, ie10, opera12, Safari?, Chrome for Android 0.16\r
64         PROGRESS    : false, //\r
65 \r
66         UL_PROGRESS : false,\r
67 \r
68         CANCELABLE  : false,\r
69         \r
70         TIMEOUT     : false\r
71 \r
72 };\r
73 \r
74 if( X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X ){\r
75         \r
76         X_NET_XHRWrapper = X_Class_override(\r
77                 new X.EventDispatcher(),\r
78                 {\r
79                                                 \r
80                         _rawObject : X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X,\r
81                         _isXHR     : true,  // X.EventDispatcher で使用 for ie8-\r
82                         _isXDR     : false, // for ie8\r
83                         \r
84                         _method    : '',\r
85                         _type      : '',\r
86                         _busy      : false,\r
87                         _canceled  : false,\r
88                         _percent   : 0,\r
89                         _timerID   : 0,\r
90                         \r
91                         load : function( obj ){\r
92                                 var raw      = this._rawObject,\r
93                                         method   = obj[ 'method' ],\r
94                                         url      = obj[ 'url' ],\r
95                                         async    = obj[ 'async' ],\r
96                                         user     = obj[ 'user' ],\r
97                                         password = obj[ 'password' ],\r
98                                         headers  = obj[ 'headers' ],\r
99                                         postbody = obj[ 'postbody' ],\r
100                                         timeout  = obj[ 'timeout' ] || 20000,\r
101                                         temp;\r
102                                 \r
103                                 if( obj[ 'type' ] ){\r
104                                         this._type = obj[ 'type' ];\r
105                                 } else {\r
106                                         temp = url.split( '#' )[ 0 ].split( '?' )[ 0 ].split( '.' );\r
107                                         if( 2 <= temp.length ){\r
108                                                 this._type = temp[ temp.length - 1 ].toLowerCase();\r
109                                         };\r
110                                 };\r
111                                 \r
112                                 // TODO ie7 http://127.0.0.1 に対しては ActiveX を使う, onerror は不可\r
113                                 \r
114                                 if( X_Net_XHR_X_DOMAIN ){\r
115                                         if( false /* isXDomain( url ) */ ){ // isXDomain\r
116                                                 if( !this._isXDR ){\r
117                                                         X_EventDispatcher_toggleAllEvents( this, false );\r
118                                                         this._rawObject = X_Net_XHR_X_DOMAIN;\r
119                                                         X_EventDispatcher_toggleAllEvents( this, true );\r
120                                                         this._isXDR = true;\r
121                                                 };\r
122                                         } else {\r
123                                                 if( this._isXDR ){\r
124                                                         X_EventDispatcher_toggleAllEvents( this, false );\r
125                                                         this._rawObject = X_Net_XHR_W3C || X_Net_XHR_ACTIVE_X;\r
126                                                         X_EventDispatcher_toggleAllEvents( this, true );\r
127                                                         this._isXDR = false;\r
128                                                 };\r
129                                         };\r
130                                 };\r
131                                 \r
132                                 raw.open( method, url, true );\r
133                                 \r
134                                 if( raw.responseType !== undefined ){\r
135                                         switch( this._type ){\r
136                                                 case '' :\r
137                                                 case 'text' :\r
138                                                         raw.responseType = 'text';\r
139                                                         break;\r
140                                                 case 'json' :\r
141                                                 case 'moz-json' :\r
142                                                         break;\r
143                                                 case 'document' :\r
144                                                 case 'xml' :\r
145                                                 case 'html' :\r
146                                                 case 'htm' :\r
147                                                         raw.responseType = 'document';\r
148                                                         break;\r
149                                                 case 'blob' :\r
150                                                 case 'arraybuffer' :\r
151                                                         raw.responseType = this._type;\r
152                                                         break;\r
153                                         };\r
154                                 };\r
155                                 \r
156                                 // http://www.quirksmode.org/blog/archives/2005/09/xmlhttp_notes_r_1.html\r
157                                 // raw.overrideMimeType()\r
158                                 if( !X_Net_XHR_ACTIVE_X && X.Type.isFunction( raw.setRequestHeader ) ){\r
159                                         for( p in headers ){\r
160                                                 raw.setRequestHeader( p, headers[ p ] ); // Opera8.01+, MSXML3+\r
161                                         };              \r
162                                 };\r
163                                 \r
164                                 if( raw.timeout !== undefined ){\r
165                                         raw.timeout = timeout; //Firefox33 でエラー,,,\r
166                                 } else {\r
167                                         this._timerID = X.Timer.once( timeout, this, this.onTimeout );\r
168                                 };      \r
169                                 \r
170                                 // send 前にフラグを立てる,回線が早いと raw.send() 内で onload -> _busy = false ののち、 _busy = true するため。\r
171                                 this._busy = true;\r
172                                 \r
173                                 // http://allabout.co.jp/gm/gc/24097/#1\r
174                                 // sendをonreadystatechangeの前に記述すると、ieでは動作しなくなります、、、。\r
175                                 // konquerorでエラーが発生するのでここでは、とりあえず、send('') としました。\r
176                                 raw.send( postbody || '' );\r
177                         },\r
178                         \r
179                         cancel : function(){\r
180                                 /* X.Net.XHR.CANCELABLE && */ this._rawObject.abort && this._rawObject.abort();\r
181                                 this._canceled = true;\r
182                                 this.asyncDispatch( X.Event.CANCELED );\r
183                         },\r
184                         \r
185                         reset : function(){\r
186                                 // XMLHttpRequest で順番にリソースを取得する\r
187                                 // http://note.chiebukuro.yahoo.co.jp/detail/n16248\r
188                                 // TODO Opera 10.10 と Safari 4.1 はエラーが起きた XHR を再利用できないので毎回作る\r
189                                 \r
190                                 // \r
191                                 // domes.lingua.heliohost.org/dom-intro/load-save2.html\r
192                                 // 規定上は open() を呼び出すと XMLHttpRequest オブジェクトが未送信状態に戻りますが、\r
193                                 // Opera 10.10、Safari 4.1 では、同一オリジン制限に違反した XMLHttpRequest オブジェクトは再度 open() しても未送信状態に戻りません。\r
194                                 if( X_UA.Opera || X_UA.Webkit ){\r
195                                         \r
196                                 };\r
197 \r
198                                 // XMLHttpRequest の使い方\r
199                                 // http://webos-goodies.jp/archives/50548720.html\r
200                                 // XMLHttpRequest オブジェクトを再利用する際も、 abort メソッドを呼び出す必要があるようです。\r
201                                 this._rawObject.abort && this._rawObject.abort();\r
202 \r
203                                 this._method   = this._type = '';\r
204                                 this._canceled = this._busy = false;\r
205                                 this._timerID && X.Timer.remove( this._timerID );\r
206                                 this._percent  = this._timerID = 0;\r
207                         },\r
208                         \r
209                         handleEvent : function( e ){\r
210                                 var raw  = this._rawObject,\r
211                                         live = !this._canceled,\r
212                                         status, data;\r
213 \r
214                                 switch( e.type ){\r
215                                         /*\r
216                                          * http://memopad.bitter.jp/w3c/ajax/ajax_xmlhttprequest_onreadystatechange.html\r
217                                         readyState      XMLHttpRequest のステータスを保持する。0 から 4 までに変化する:\r
218                                         0: リクエストは初期化されていない\r
219                                         1: サーバ接続は確立した\r
220                                         2: リクエストを受信した\r
221                                         3: リクエストの処理中\r
222                                         4: リクエストは終了してレスポンスの準備が完了\r
223                                         status  200: "OK"\r
224                                         404: Page not found\r
225                                         \r
226                                         If-Modified-Sinceヘッダを利用してWebページのキャッシュを行うXMLHttpRequestラッパー\r
227                                         http://www.semblog.org/msano/archives/000407.html\r
228                                         * */            \r
229                                         case 'readystatechange' :\r
230                                                 //if( !X.Net.XHR.PROGRESS ){\r
231                                                         switch( raw.readyState ){\r
232                                                                 case 0 :\r
233                                                                 case 1 :\r
234                                                                         return;\r
235                                                                 case 2 : // 0% ajaxstart\r
236                                                                         live && this.asyncDispatch( { type : X.Event.PROGRESS, percent : 0 } );\r
237                                                                         return;\r
238                                                                 case 3 :\r
239                                                                         live && this.asyncDispatch( { type : X.Event.PROGRESS, percent : this._percent < 99.9 ? 99.9 : ( this._percent + 100 ) / 2 } );\r
240                                                                         // 99.9%\r
241                                                                         return;\r
242                                                                 case 4 :\r
243                                                                         if( this._percent === 100 ) return; // Opera8 readystatechange が2重に発生\r
244                                                                         // 100%\r
245                                                                         break; // load へ\r
246                                                                 default :\r
247                                                                         // error\r
248                                                                         return;\r
249                                                         };                                              \r
250                                                 //};\r
251         \r
252                                         case 'load' :\r
253                                                 \r
254                                                 if( !live ) return this.reset();\r
255                                                 if( this._percent === 100 ) return;\r
256                                                 \r
257                                                 \r
258                                                 this._percent = 100;\r
259                                                 this._busy    = false;\r
260                                                 status        = raw.status;\r
261                                                 \r
262                                                 // https://code.google.com/p/fakeworker-js/source/browse/src/javascript/fakeworker.js\r
263                                                 if(\r
264                                                         ( !status && location.protocol === 'file:' ) ||\r
265                                             ( 200 <= status && status < 300 ) ||\r
266                                             status === 304 ||\r
267                                             status === 1223 ||\r
268                                             ( X_UA.Webkit && status === undefined ) // safari: /webkit/.test(userAgent)\r
269                                                 ){\r
270                                                         /*\r
271                                                          * opera8, safari2, khtml3 で utf8 日本語文字列の文字化け\r
272                                                          */\r
273                                                         // raw.getAllResponseHeaders();\r
274                                                         \r
275                                                         // parse json, html, xml, text, script, css\r
276                                                         switch( this._type ){\r
277                                                                 case '' :\r
278                                                                 case 'text' :\r
279                                                                         data = raw[ 'responseText' ];\r
280                                                                         break;\r
281                                                                 case 'json' :\r
282                                                                 case 'moz-json' :\r
283                                                                         data = raw[ 'response' ] || raw[ 'responseText' ]; // とりあえず\r
284                                                                         break;\r
285                                                                 case 'document' :\r
286                                                                 case 'xml' :\r
287                                                                 case 'html' :\r
288                                                                 case 'htm' :\r
289                                                                         data = raw[ 'responseXML' ];\r
290                                                                         break;\r
291                                                                 case 'blob' :\r
292                                                                 case 'arraybuffer' :\r
293                                                                         data = raw[ 'response' ] || raw[ 'responseText' ]; // とりあえず\r
294                                                                         break;\r
295                                                         };\r
296 \r
297                                                         this.asyncDispatch( { type : X.Event.SUCCESS, status : status || 200, data : data } );                                                  \r
298                                                 } else {\r
299                                                         live && this.asyncDispatch( { type : X.Event.ERROR, status : raw.status || 0, percent : 100 } );\r
300                                                 };\r
301                                                 break;\r
302                                         \r
303                                         case 'progress' :\r
304                                                 if( e.lengthComputable ){\r
305                                                         this._percent = e.loaded / e.total;\r
306                                                         live && this.asyncDispatch( { type : X.Event.PROGRESS, percent : this._percent } );\r
307                                                 };\r
308                                                 break;\r
309                                         \r
310                                         case 'error' :\r
311                                         //console.dir( e );\r
312                                                 this._busy = false;\r
313                                                 live && this.asyncDispatch( { type : X.Event.ERROR, status : raw.status } );\r
314                                                 break;\r
315 \r
316                                         case 'timeout' : // Gecko 12.0 https://developer.mozilla.org/ja/docs/XMLHttpRequest/Synchronous_and_Asynchronous_Requests\r
317                                                 this._busy = false;\r
318                                                 this.asyncDispatch( X.Event.TIMEOUT );\r
319                                                 break;\r
320                                 };\r
321                         },\r
322                         \r
323                         onTimeout : function(){\r
324                                 var raw  = this._rawObject,\r
325                                         live = !X_NET_XHRWrapper._canceled || !this._busy;\r
326 \r
327                                 if( raw.readyState < 3 ){\r
328                                         this._busy = false;\r
329                                         live && this.asyncDispatch( X.Event.TIMEOUT );\r
330                                 };\r
331                                 this._timerID = 0;\r
332                         },\r
333                         \r
334                         onUploadProgress : X.Net.XHR.UL_PROGRESS && function( e ){\r
335                                 var raw  = X_NET_XHRWrapper._rawObject.upload,\r
336                                         live = !X_NET_XHRWrapper._canceled,\r
337                                         states, data;\r
338                         }\r
339                 },\r
340                 true\r
341         );\r
342         // 同期リクエストでなければならない場合, unload, beforeunload時\r
343 \r
344         if( X_UA.IE8 ){\r
345                 X_NET_XHRWrapper.listen( [ 'readystatechange', 'error', 'timeout' ] ); //, 'abort'\r
346         } else\r
347         if( X_UA.IE7 ){\r
348                 if( X_URL_IS_LOCAL ){\r
349                         X_NET_XHRWrapper.listen( 'readystatechange' ); // ie7 ActiveX の場合、error は不可\r
350                 } else {\r
351                         X_NET_XHRWrapper.listen( [ 'readystatechange', 'error' ] );\r
352                 };\r
353         } else\r
354         if( X_Net_XHR_ACTIVE_X ){ // win ie5-6\r
355                 X_NET_XHRWrapper.listen( 'readystatechange' );\r
356         } else \r
357         if( X.Net.XHR.PROGRESS ){\r
358                 X_NET_XHRWrapper.listen( [ 'load', 'progress', 'error', 'timeout' ] ); //, 'abort'\r
359         } else {\r
360                 X_NET_XHRWrapper.listen( [ 'load', 'readystatechange', 'error', 'timeout' ] ); //, 'abort'\r
361         };\r
362         \r
363         if( X.Net.XHR.UL_PROGRESS ){\r
364                 X_NET_XHRWrapper._rawObject.upload.addEventListener( 'progress', X.Net.XHR.xhr.onUploadProgress );\r
365         };\r
366 };\r
367 \r