-<html>\r
-<head>\r
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> \r
- <title>The source code</title>\r
- <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
- <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
-</head>\r
-<body onload="prettyPrint();">\r
- <pre class="prettyprint lang-js">(function(){\r
- var BEFOREREQUEST = "beforerequest",\r
- REQUESTCOMPLETE = "requestcomplete",\r
- REQUESTEXCEPTION = "requestexception",\r
- UNDEFINED = undefined,\r
- LOAD = 'load',\r
- POST = 'POST',\r
- GET = 'GET',\r
- WINDOW = window;\r
-\r
- <div id="cls-Ext.data.Connection"></div>/**\r
- * @class Ext.data.Connection\r
- * @extends Ext.util.Observable\r
- * <p>The class encapsulates a connection to the page's originating domain, allowing requests to be made\r
- * either to a configured URL, or to a URL specified at request time.</p>\r
- * <p>Requests made by this class are asynchronous, and will return immediately. No data from\r
- * the server will be available to the statement immediately following the {@link #request} call.\r
- * To process returned data, use a\r
- * <a href="#request-option-success" ext:member="request-option-success" ext:cls="Ext.data.Connection">success callback</a>\r
- * in the request options object,\r
- * or an {@link #requestcomplete event listener}.</p>\r
- * <p><h3>File Uploads</h3><a href="#request-option-isUpload" ext:member="request-option-isUpload" ext:cls="Ext.data.Connection">File uploads</a> are not performed using normal "Ajax" techniques, that\r
- * is they are <b>not</b> performed using XMLHttpRequests. Instead the form is submitted in the standard\r
- * manner with the DOM <tt><form></tt> element temporarily modified to have its\r
- * <a href="http://www.w3.org/TR/REC-html40/present/frames.html#adef-target">target</a> set to refer\r
- * to a dynamically generated, hidden <tt><iframe></tt> which is inserted into the document\r
- * but removed after the return data has been gathered.</p>\r
- * <p>The server response is parsed by the browser to create the document for the IFRAME. If the\r
- * server is using JSON to send the return object, then the\r
- * <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.17">Content-Type</a> header\r
- * must be set to "text/html" in order to tell the browser to insert the text unchanged into the document body.</p>\r
- * <p>Characters which are significant to an HTML parser must be sent as HTML entities, so encode\r
- * "<" as "&lt;", "&" as "&amp;" etc.</p>\r
- * <p>The response text is retrieved from the document, and a fake XMLHttpRequest object\r
- * is created containing a <tt>responseText</tt> property in order to conform to the\r
- * requirements of event handlers and callbacks.</p>\r
- * <p>Be aware that file upload packets are sent with the content type <a href="http://www.faqs.org/rfcs/rfc2388.html">multipart/form</a>\r
- * and some server technologies (notably JEE) may require some custom processing in order to\r
- * retrieve parameter names and parameter values from the packet content.</p>\r
- * @constructor\r
- * @param {Object} config a configuration object.\r
- */\r
- Ext.data.Connection = function(config){\r
- Ext.apply(this, config);\r
- this.addEvents(\r
- <div id="event-Ext.data.Connection-beforerequest"></div>/**\r
- * @event beforerequest\r
- * Fires before a network request is made to retrieve a data object.\r
- * @param {Connection} conn This Connection object.\r
- * @param {Object} options The options config object passed to the {@link #request} method.\r
- */\r
- BEFOREREQUEST,\r
- <div id="event-Ext.data.Connection-requestcomplete"></div>/**\r
- * @event requestcomplete\r
- * Fires if the request was successfully completed.\r
- * @param {Connection} conn This Connection object.\r
- * @param {Object} response The XHR object containing the response data.\r
- * See <a href="http://www.w3.org/TR/XMLHttpRequest/">The XMLHttpRequest Object</a>\r
- * for details.\r
- * @param {Object} options The options config object passed to the {@link #request} method.\r
- */\r
- REQUESTCOMPLETE,\r
- <div id="event-Ext.data.Connection-requestexception"></div>/**\r
- * @event requestexception\r
- * Fires if an error HTTP status was returned from the server.\r
- * See <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">HTTP Status Code Definitions</a>\r
- * for details of HTTP status codes.\r
- * @param {Connection} conn This Connection object.\r
- * @param {Object} response The XHR object containing the response data.\r
- * See <a href="http://www.w3.org/TR/XMLHttpRequest/">The XMLHttpRequest Object</a>\r
- * for details.\r
- * @param {Object} options The options config object passed to the {@link #request} method.\r
- */\r
- REQUESTEXCEPTION\r
- );\r
- Ext.data.Connection.superclass.constructor.call(this);\r
- };\r
-\r
- Ext.extend(Ext.data.Connection, Ext.util.Observable, {\r
- <div id="cfg-Ext.data.Connection-url"></div>/**\r
- * @cfg {String} url (Optional) <p>The default URL to be used for requests to the server. Defaults to undefined.</p>\r
- * <p>The <code>url</code> config may be a function which <i>returns</i> the URL to use for the Ajax request. The scope\r
- * (<code><b>this</b></code> reference) of the function is the <code>scope</code> option passed to the {@link #request} method.</p>\r
- */\r
- <div id="cfg-Ext.data.Connection-extraParams"></div>/**\r
- * @cfg {Object} extraParams (Optional) An object containing properties which are used as\r
- * extra parameters to each request made by this object. (defaults to undefined)\r
- */\r
- <div id="cfg-Ext.data.Connection-defaultHeaders"></div>/**\r
- * @cfg {Object} defaultHeaders (Optional) An object containing request headers which are added\r
- * to each request made by this object. (defaults to undefined)\r
- */\r
- <div id="cfg-Ext.data.Connection-method"></div>/**\r
- * @cfg {String} method (Optional) The default HTTP method to be used for requests.\r
- * (defaults to undefined; if not set, but {@link #request} params are present, POST will be used;\r
- * otherwise, GET will be used.)\r
- */\r
- <div id="cfg-Ext.data.Connection-timeout"></div>/**\r
- * @cfg {Number} timeout (Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)\r
- */\r
- timeout : 30000,\r
- <div id="cfg-Ext.data.Connection-autoAbort"></div>/**\r
- * @cfg {Boolean} autoAbort (Optional) Whether this request should abort any pending requests. (defaults to false)\r
- * @type Boolean\r
- */\r
- autoAbort:false,\r
-\r
- <div id="cfg-Ext.data.Connection-disableCaching"></div>/**\r
- * @cfg {Boolean} disableCaching (Optional) True to add a unique cache-buster param to GET requests. (defaults to true)\r
- * @type Boolean\r
- */\r
- disableCaching: true,\r
-\r
- <div id="cfg-Ext.data.Connection-disableCachingParam"></div>/**\r
- * @cfg {String} disableCachingParam (Optional) Change the parameter which is sent went disabling caching\r
- * through a cache buster. Defaults to '_dc'\r
- * @type String\r
- */\r
- disableCachingParam: '_dc',\r
-\r
- <div id="method-Ext.data.Connection-request"></div>/**\r
- * <p>Sends an HTTP request to a remote server.</p>\r
- * <p><b>Important:</b> Ajax server requests are asynchronous, and this call will\r
- * return before the response has been received. Process any returned data\r
- * in a callback function.</p>\r
- * <pre><code>\r
-Ext.Ajax.request({\r
- url: 'ajax_demo/sample.json',\r
- success: function(response, opts) {\r
- var obj = Ext.decode(response.responseText);\r
- console.dir(obj);\r
- },\r
- failure: function(response, opts) {\r
- console.log('server-side failure with status code ' + response.status);\r
- }\r
-});\r
- * </code></pre>\r
- * <p>To execute a callback function in the correct scope, use the <tt>scope</tt> option.</p>\r
- * @param {Object} options An object which may contain the following properties:<ul>\r
- * <li><b>url</b> : String/Function (Optional)<div class="sub-desc">The URL to\r
- * which to send the request, or a function to call which returns a URL string. The scope of the\r
- * function is specified by the <tt>scope</tt> option. Defaults to the configured\r
- * <tt>{@link #url}</tt>.</div></li>\r
- * <li><b>params</b> : Object/String/Function (Optional)<div class="sub-desc">\r
- * An object containing properties which are used as parameters to the\r
- * request, a url encoded string or a function to call to get either. The scope of the function\r
- * is specified by the <tt>scope</tt> option.</div></li>\r
- * <li><b>method</b> : String (Optional)<div class="sub-desc">The HTTP method to use\r
- * for the request. Defaults to the configured method, or if no method was configured,\r
- * "GET" if no parameters are being sent, and "POST" if parameters are being sent. Note that\r
- * the method name is case-sensitive and should be all caps.</div></li>\r
- * <li><b>callback</b> : Function (Optional)<div class="sub-desc">The\r
- * function to be called upon receipt of the HTTP response. The callback is\r
- * called regardless of success or failure and is passed the following\r
- * parameters:<ul>\r
- * <li><b>options</b> : Object<div class="sub-desc">The parameter to the request call.</div></li>\r
- * <li><b>success</b> : Boolean<div class="sub-desc">True if the request succeeded.</div></li>\r
- * <li><b>response</b> : Object<div class="sub-desc">The XMLHttpRequest object containing the response data.\r
- * See <a href="http://www.w3.org/TR/XMLHttpRequest/">http://www.w3.org/TR/XMLHttpRequest/</a> for details about\r
- * accessing elements of the response.</div></li>\r
- * </ul></div></li>\r
- * <li><a id="request-option-success"></a><b>success</b> : Function (Optional)<div class="sub-desc">The function\r
- * to be called upon success of the request. The callback is passed the following\r
- * parameters:<ul>\r
- * <li><b>response</b> : Object<div class="sub-desc">The XMLHttpRequest object containing the response data.</div></li>\r
- * <li><b>options</b> : Object<div class="sub-desc">The parameter to the request call.</div></li>\r
- * </ul></div></li>\r
- * <li><b>failure</b> : Function (Optional)<div class="sub-desc">The function\r
- * to be called upon failure of the request. The callback is passed the\r
- * following parameters:<ul>\r
- * <li><b>response</b> : Object<div class="sub-desc">The XMLHttpRequest object containing the response data.</div></li>\r
- * <li><b>options</b> : Object<div class="sub-desc">The parameter to the request call.</div></li>\r
- * </ul></div></li>\r
- * <li><b>scope</b> : Object (Optional)<div class="sub-desc">The scope in\r
- * which to execute the callbacks: The "this" object for the callback function. If the <tt>url</tt>, or <tt>params</tt> options were\r
- * specified as functions from which to draw values, then this also serves as the scope for those function calls.\r
- * Defaults to the browser window.</div></li>\r
- * <li><b>timeout</b> : Number (Optional)<div class="sub-desc">The timeout in milliseconds to be used for this request. Defaults to 30 seconds.</div></li>\r
- * <li><b>form</b> : Element/HTMLElement/String (Optional)<div class="sub-desc">The <tt><form></tt>\r
- * Element or the id of the <tt><form></tt> to pull parameters from.</div></li>\r
- * <li><a id="request-option-isUpload"></a><b>isUpload</b> : Boolean (Optional)<div class="sub-desc"><b>Only meaningful when used\r
- * with the <tt>form</tt> option</b>.\r
- * <p>True if the form object is a file upload (will be set automatically if the form was\r
- * configured with <b><tt>enctype</tt></b> "multipart/form-data").</p>\r
- * <p>File uploads are not performed using normal "Ajax" techniques, that is they are <b>not</b>\r
- * performed using XMLHttpRequests. Instead the form is submitted in the standard manner with the\r
- * DOM <tt><form></tt> element temporarily modified to have its\r
- * <a href="http://www.w3.org/TR/REC-html40/present/frames.html#adef-target">target</a> set to refer\r
- * to a dynamically generated, hidden <tt><iframe></tt> which is inserted into the document\r
- * but removed after the return data has been gathered.</p>\r
- * <p>The server response is parsed by the browser to create the document for the IFRAME. If the\r
- * server is using JSON to send the return object, then the\r
- * <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.17">Content-Type</a> header\r
- * must be set to "text/html" in order to tell the browser to insert the text unchanged into the document body.</p>\r
- * <p>The response text is retrieved from the document, and a fake XMLHttpRequest object\r
- * is created containing a <tt>responseText</tt> property in order to conform to the\r
- * requirements of event handlers and callbacks.</p>\r
- * <p>Be aware that file upload packets are sent with the content type <a href="http://www.faqs.org/rfcs/rfc2388.html">multipart/form</a>\r
- * and some server technologies (notably JEE) may require some custom processing in order to\r
- * retrieve parameter names and parameter values from the packet content.</p>\r
- * </div></li>\r
- * <li><b>headers</b> : Object (Optional)<div class="sub-desc">Request\r
- * headers to set for the request.</div></li>\r
- * <li><b>xmlData</b> : Object (Optional)<div class="sub-desc">XML document\r
- * to use for the post. Note: This will be used instead of params for the post\r
- * data. Any params will be appended to the URL.</div></li>\r
- * <li><b>jsonData</b> : Object/String (Optional)<div class="sub-desc">JSON\r
- * data to use as the post. Note: This will be used instead of params for the post\r
- * data. Any params will be appended to the URL.</div></li>\r
- * <li><b>disableCaching</b> : Boolean (Optional)<div class="sub-desc">True\r
- * to add a unique cache-buster param to GET requests.</div></li>\r
- * </ul></p>\r
- * <p>The options object may also contain any other property which might be needed to perform\r
- * postprocessing in a callback because it is passed to callback functions.</p>\r
- * @return {Number} transactionId The id of the server transaction. This may be used\r
- * to cancel the request.\r
- */\r
- request : function(o){\r
- var me = this;\r
- if(me.fireEvent(BEFOREREQUEST, me, o)){\r
- if (o.el) {\r
- if(!Ext.isEmpty(o.indicatorText)){\r
- me.indicatorText = '<div class="loading-indicator">'+o.indicatorText+"</div>";\r
- }\r
- if(me.indicatorText) {\r
- Ext.getDom(o.el).innerHTML = me.indicatorText;\r
- }\r
- o.success = (Ext.isFunction(o.success) ? o.success : function(){}).createInterceptor(function(response) {\r
- Ext.getDom(o.el).innerHTML = response.responseText;\r
- });\r
- }\r
-\r
- var p = o.params,\r
- url = o.url || me.url,\r
- method,\r
- cb = {success: me.handleResponse,\r
- failure: me.handleFailure,\r
- scope: me,\r
- argument: {options: o},\r
- timeout : o.timeout || me.timeout\r
- },\r
- form,\r
- serForm;\r
-\r
-\r
- if (Ext.isFunction(p)) {\r
- p = p.call(o.scope||WINDOW, o);\r
- }\r
-\r
- p = Ext.urlEncode(me.extraParams, Ext.isObject(p) ? Ext.urlEncode(p) : p);\r
-\r
- if (Ext.isFunction(url)) {\r
- url = url.call(o.scope || WINDOW, o);\r
- }\r
-\r
- if((form = Ext.getDom(o.form))){\r
- url = url || form.action;\r
- if(o.isUpload || /multipart\/form-data/i.test(form.getAttribute("enctype"))) {\r
- return me.doFormUpload.call(me, o, p, url);\r
- }\r
- serForm = Ext.lib.Ajax.serializeForm(form);\r
- p = p ? (p + '&' + serForm) : serForm;\r
- }\r
-\r
- method = o.method || me.method || ((p || o.xmlData || o.jsonData) ? POST : GET);\r
-\r
- if(method === GET && (me.disableCaching && o.disableCaching !== false) || o.disableCaching === true){\r
- var dcp = o.disableCachingParam || me.disableCachingParam;\r
- url = Ext.urlAppend(url, dcp + '=' + (new Date().getTime()));\r
- }\r
-\r
- o.headers = Ext.apply(o.headers || {}, me.defaultHeaders || {});\r
-\r
- if(o.autoAbort === true || me.autoAbort) {\r
- me.abort();\r
- }\r
-\r
- if((method == GET || o.xmlData || o.jsonData) && p){\r
- url = Ext.urlAppend(url, p);\r
- p = '';\r
- }\r
- return (me.transId = Ext.lib.Ajax.request(method, url, cb, p, o));\r
- }else{\r
- return o.callback ? o.callback.apply(o.scope, [o,UNDEFINED,UNDEFINED]) : null;\r
- }\r
- },\r
-\r
- <div id="method-Ext.data.Connection-isLoading"></div>/**\r
- * Determine whether this object has a request outstanding.\r
- * @param {Number} transactionId (Optional) defaults to the last transaction\r
- * @return {Boolean} True if there is an outstanding request.\r
- */\r
- isLoading : function(transId){\r
- return transId ? Ext.lib.Ajax.isCallInProgress(transId) : !! this.transId;\r
- },\r
-\r
- <div id="method-Ext.data.Connection-abort"></div>/**\r
- * Aborts any outstanding request.\r
- * @param {Number} transactionId (Optional) defaults to the last transaction\r
- */\r
- abort : function(transId){\r
- if(transId || this.isLoading()){\r
- Ext.lib.Ajax.abort(transId || this.transId);\r
- }\r
- },\r
-\r
- // private\r
- handleResponse : function(response){\r
- this.transId = false;\r
- var options = response.argument.options;\r
- response.argument = options ? options.argument : null;\r
- this.fireEvent(REQUESTCOMPLETE, this, response, options);\r
- if(options.success){\r
- options.success.call(options.scope, response, options);\r
- }\r
- if(options.callback){\r
- options.callback.call(options.scope, options, true, response);\r
- }\r
- },\r
-\r
- // private\r
- handleFailure : function(response, e){\r
- this.transId = false;\r
- var options = response.argument.options;\r
- response.argument = options ? options.argument : null;\r
- this.fireEvent(REQUESTEXCEPTION, this, response, options, e);\r
- if(options.failure){\r
- options.failure.call(options.scope, response, options);\r
- }\r
- if(options.callback){\r
- options.callback.call(options.scope, options, false, response);\r
- }\r
- },\r
-\r
- // private\r
- doFormUpload : function(o, ps, url){\r
- var id = Ext.id(),\r
- doc = document,\r
- frame = doc.createElement('iframe'),\r
- form = Ext.getDom(o.form),\r
- hiddens = [],\r
- hd,\r
- encoding = 'multipart/form-data',\r
- buf = {\r
- target: form.target,\r
- method: form.method,\r
- encoding: form.encoding,\r
- enctype: form.enctype,\r
- action: form.action\r
- };\r
-\r
- Ext.fly(frame).set({\r
- id: id,\r
- name: id,\r
- cls: 'x-hidden'\r
-\r
- });\r
-\r
- doc.body.appendChild(frame);\r
-\r
- //Reset the Frame to neutral domain\r
- Ext.fly(frame).set({\r
- src : Ext.SSL_SECURE_URL\r
- });\r
-\r
- // This is required so that IE doesn't pop the response up in a new window.\r
- if(Ext.isIE){\r
- document.frames[id].name = id;\r
- }\r
-\r
-\r
- Ext.fly(form).set({\r
- target: id,\r
- method: POST,\r
- enctype: encoding,\r
- encoding: encoding,\r
- action: url || buf.action\r
- });\r
-\r
- // add dynamic params\r
- Ext.iterate(Ext.urlDecode(ps, false), function(k, v){\r
- hd = doc.createElement('input');\r
- Ext.fly(hd).set({\r
- type: 'hidden',\r
- value: v,\r
- name: k\r
- });\r
- form.appendChild(hd);\r
- hiddens.push(hd);\r
- });\r
-\r
- function cb(){\r
- var me = this,\r
- // bogus response object\r
- r = {responseText : '',\r
- responseXML : null,\r
- argument : o.argument},\r
- doc,\r
- firstChild;\r
-\r
- try{\r
- doc = frame.contentWindow.document || frame.contentDocument || WINDOW.frames[id].document;\r
- if(doc){\r
- if(doc.body){\r
- if(/textarea/i.test((firstChild = doc.body.firstChild || {}).tagName)){ // json response wrapped in textarea\r
- r.responseText = firstChild.value;\r
- }else{\r
- r.responseText = doc.body.innerHTML;\r
- }\r
- }\r
- //in IE the document may still have a body even if returns XML.\r
- r.responseXML = doc.XMLDocument || doc;\r
- }\r
- }\r
- catch(e) {}\r
-\r
- Ext.EventManager.removeListener(frame, LOAD, cb, me);\r
-\r
- me.fireEvent(REQUESTCOMPLETE, me, r, o);\r
-\r
- function runCallback(fn, scope, args){\r
- if(Ext.isFunction(fn)){\r
- fn.apply(scope, args);\r
- }\r
- }\r
-\r
- runCallback(o.success, o.scope, [r, o]);\r
- runCallback(o.callback, o.scope, [o, true, r]);\r
-\r
- if(!me.debugUploads){\r
- setTimeout(function(){Ext.removeNode(frame);}, 100);\r
- }\r
- }\r
-\r
- Ext.EventManager.on(frame, LOAD, cb, this);\r
- form.submit();\r
-\r
- Ext.fly(form).set(buf);\r
- Ext.each(hiddens, function(h) {\r
- Ext.removeNode(h);\r
- });\r
- }\r
- });\r
-})();\r
-\r
-<div id="cls-Ext.Ajax"></div>/**\r
- * @class Ext.Ajax\r
- * @extends Ext.data.Connection\r
- * <p>The global Ajax request class that provides a simple way to make Ajax requests\r
- * with maximum flexibility.</p>\r
- * <p>Since Ext.Ajax is a singleton, you can set common properties/events for it once\r
- * and override them at the request function level only if necessary.</p>\r
- * <p>Common <b>Properties</b> you may want to set are:<div class="mdetail-params"><ul>\r
- * <li><b><tt>{@link #method}</tt></b><p class="sub-desc"></p></li>\r
- * <li><b><tt>{@link #extraParams}</tt></b><p class="sub-desc"></p></li>\r
- * <li><b><tt>{@link #url}</tt></b><p class="sub-desc"></p></li>\r
- * </ul></div>\r
- * <pre><code>\r
-// Default headers to pass in every request\r
-Ext.Ajax.defaultHeaders = {\r
- 'Powered-By': 'Ext'\r
-};\r
- * </code></pre>\r
- * </p>\r
- * <p>Common <b>Events</b> you may want to set are:<div class="mdetail-params"><ul>\r
- * <li><b><tt>{@link Ext.data.Connection#beforerequest beforerequest}</tt></b><p class="sub-desc"></p></li>\r
- * <li><b><tt>{@link Ext.data.Connection#requestcomplete requestcomplete}</tt></b><p class="sub-desc"></p></li>\r
- * <li><b><tt>{@link Ext.data.Connection#requestexception requestexception}</tt></b><p class="sub-desc"></p></li>\r
- * </ul></div>\r
- * <pre><code>\r
-// Example: show a spinner during all Ajax requests\r
-Ext.Ajax.on('beforerequest', this.showSpinner, this);\r
-Ext.Ajax.on('requestcomplete', this.hideSpinner, this);\r
-Ext.Ajax.on('requestexception', this.hideSpinner, this);\r
- * </code></pre>\r
- * </p>\r
- * <p>An example request:</p>\r
- * <pre><code>\r
-// Basic request\r
-Ext.Ajax.{@link Ext.data.Connection#request request}({\r
- url: 'foo.php',\r
- success: someFn,\r
- failure: otherFn,\r
- headers: {\r
- 'my-header': 'foo'\r
- },\r
- params: { foo: 'bar' }\r
-});\r
-\r
-// Simple ajax form submission\r
-Ext.Ajax.{@link Ext.data.Connection#request request}({\r
- form: 'some-form',\r
- params: 'foo=bar'\r
-});\r
- * </code></pre>\r
- * </p>\r
- * @singleton\r
- */\r
-Ext.Ajax = new Ext.data.Connection({\r
- <div id="cfg-Ext.Ajax-url"></div>/**\r
- * @cfg {String} url @hide\r
- */\r
- <div id="cfg-Ext.Ajax-extraParams"></div>/**\r
- * @cfg {Object} extraParams @hide\r
- */\r
- <div id="cfg-Ext.Ajax-defaultHeaders"></div>/**\r
- * @cfg {Object} defaultHeaders @hide\r
- */\r
- <div id="cfg-Ext.Ajax-method"></div>/**\r
- * @cfg {String} method (Optional) @hide\r
- */\r
- <div id="cfg-Ext.Ajax-timeout"></div>/**\r
- * @cfg {Number} timeout (Optional) @hide\r
- */\r
- <div id="cfg-Ext.Ajax-autoAbort"></div>/**\r
- * @cfg {Boolean} autoAbort (Optional) @hide\r
- */\r
-\r
- <div id="cfg-Ext.Ajax-disableCaching"></div>/**\r
- * @cfg {Boolean} disableCaching (Optional) @hide\r
- */\r
-\r
- <div id="prop-Ext.Ajax-disableCaching"></div>/**\r
- * @property disableCaching\r
- * True to add a unique cache-buster param to GET requests. (defaults to true)\r
- * @type Boolean\r
- */\r
- <div id="prop-Ext.Ajax-url"></div>/**\r
- * @property url\r
- * The default URL to be used for requests to the server. (defaults to undefined)\r
- * If the server receives all requests through one URL, setting this once is easier than\r
- * entering it on every request.\r
- * @type String\r
- */\r
- <div id="prop-Ext.Ajax-extraParams"></div>/**\r
- * @property extraParams\r
- * An object containing properties which are used as extra parameters to each request made\r
- * by this object (defaults to undefined). Session information and other data that you need\r
- * to pass with each request are commonly put here.\r
- * @type Object\r
- */\r
- <div id="prop-Ext.Ajax-defaultHeaders"></div>/**\r
- * @property defaultHeaders\r
- * An object containing request headers which are added to each request made by this object\r
- * (defaults to undefined).\r
- * @type Object\r
- */\r
- <div id="prop-Ext.Ajax-method"></div>/**\r
- * @property method\r
- * The default HTTP method to be used for requests. Note that this is case-sensitive and\r
- * should be all caps (defaults to undefined; if not set but params are present will use\r
- * <tt>"POST"</tt>, otherwise will use <tt>"GET"</tt>.)\r
- * @type String\r
- */\r
- <div id="prop-Ext.Ajax-timeout"></div>/**\r
- * @property timeout\r
- * The timeout in milliseconds to be used for requests. (defaults to 30000)\r
- * @type Number\r
- */\r
-\r
- <div id="prop-Ext.Ajax-autoAbort"></div>/**\r
- * @property autoAbort\r
- * Whether a new request should abort any pending requests. (defaults to false)\r
- * @type Boolean\r
- */\r
- autoAbort : false,\r
-\r
- <div id="method-Ext.Ajax-serializeForm"></div>/**\r
- * Serialize the passed form into a url encoded string\r
- * @param {String/HTMLElement} form\r
- * @return {String}\r
- */\r
- serializeForm : function(form){\r
- return Ext.lib.Ajax.serializeForm(form);\r
- }\r
-});\r
-</pre> \r
-</body>\r
-</html>
\ No newline at end of file
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>The source code</title>
+ <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
+ <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
+ <style type="text/css">
+ .highlight { display: block; background-color: #ddd; }
+ </style>
+ <script type="text/javascript">
+ function highlight() {
+ document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
+ }
+ </script>
+</head>
+<body onload="prettyPrint(); highlight();">
+ <pre class="prettyprint lang-js"><span id='Ext-data-Connection'>/**
+</span> * The Connection class encapsulates a connection to the page's originating domain, allowing requests to be made either
+ * to a configured URL, or to a URL specified at request time.
+ *
+ * Requests made by this class are asynchronous, and will return immediately. No data from the server will be available
+ * to the statement immediately following the {@link #request} call. To process returned data, use a success callback
+ * in the request options object, or an {@link #requestcomplete event listener}.
+ *
+ * # File Uploads
+ *
+ * File uploads are not performed using normal "Ajax" techniques, that is they are not performed using XMLHttpRequests.
+ * Instead the form is submitted in the standard manner with the DOM &lt;form&gt; element temporarily modified to have its
+ * target set to refer to a dynamically generated, hidden &lt;iframe&gt; which is inserted into the document but removed
+ * after the return data has been gathered.
+ *
+ * The server response is parsed by the browser to create the document for the IFRAME. If the server is using JSON to
+ * send the return object, then the Content-Type header must be set to "text/html" in order to tell the browser to
+ * insert the text unchanged into the document body.
+ *
+ * Characters which are significant to an HTML parser must be sent as HTML entities, so encode `<` as `&lt;`, `&` as
+ * `&amp;` etc.
+ *
+ * The response text is retrieved from the document, and a fake XMLHttpRequest object is created containing a
+ * responseText property in order to conform to the requirements of event handlers and callbacks.
+ *
+ * Be aware that file upload packets are sent with the content type multipart/form and some server technologies
+ * (notably JEE) may require some custom processing in order to retrieve parameter names and parameter values from the
+ * packet content.
+ *
+ * Also note that it's not possible to check the response code of the hidden iframe, so the success handler will ALWAYS fire.
+ */
+Ext.define('Ext.data.Connection', {
+ mixins: {
+ observable: 'Ext.util.Observable'
+ },
+
+ statics: {
+ requestId: 0
+ },
+
+ url: null,
+ async: true,
+ method: null,
+ username: '',
+ password: '',
+
+<span id='Ext-data-Connection-cfg-disableCaching'> /**
+</span> * @cfg {Boolean} disableCaching
+ * True to add a unique cache-buster param to GET requests.
+ */
+ disableCaching: true,
+
+<span id='Ext-data-Connection-cfg-withCredentials'> /**
+</span> * @cfg {Boolean} withCredentials
+ * True to set `withCredentials = true` on the XHR object
+ */
+ withCredentials: false,
+
+<span id='Ext-data-Connection-cfg-cors'> /**
+</span> * @cfg {Boolean} cors
+ * True to enable CORS support on the XHR object. Currently the only effect of this option
+ * is to use the XDomainRequest object instead of XMLHttpRequest if the browser is IE8 or above.
+ */
+ cors: false,
+
+<span id='Ext-data-Connection-cfg-disableCachingParam'> /**
+</span> * @cfg {String} disableCachingParam
+ * Change the parameter which is sent went disabling caching through a cache buster.
+ */
+ disableCachingParam: '_dc',
+
+<span id='Ext-data-Connection-cfg-timeout'> /**
+</span> * @cfg {Number} timeout
+ * The timeout in milliseconds to be used for requests.
+ */
+ timeout : 30000,
+
+<span id='Ext-data-Connection-cfg-extraParams'> /**
+</span> * @cfg {Object} extraParams
+ * Any parameters to be appended to the request.
+ */
+
+ useDefaultHeader : true,
+ defaultPostHeader : 'application/x-www-form-urlencoded; charset=UTF-8',
+ useDefaultXhrHeader : true,
+ defaultXhrHeader : 'XMLHttpRequest',
+
+ constructor : function(config) {
+ config = config || {};
+ Ext.apply(this, config);
+
+ this.addEvents(
+<span id='Ext-data-Connection-event-beforerequest'> /**
+</span> * @event beforerequest
+ * Fires before a network request is made to retrieve a data object.
+ * @param {Ext.data.Connection} conn This Connection object.
+ * @param {Object} options The options config object passed to the {@link #request} method.
+ */
+ 'beforerequest',
+<span id='Ext-data-Connection-event-requestcomplete'> /**
+</span> * @event requestcomplete
+ * Fires if the request was successfully completed.
+ * @param {Ext.data.Connection} conn This Connection object.
+ * @param {Object} response The XHR object containing the response data.
+ * See [The XMLHttpRequest Object](http://www.w3.org/TR/XMLHttpRequest/) for details.
+ * @param {Object} options The options config object passed to the {@link #request} method.
+ */
+ 'requestcomplete',
+<span id='Ext-data-Connection-event-requestexception'> /**
+</span> * @event requestexception
+ * Fires if an error HTTP status was returned from the server.
+ * See [HTTP Status Code Definitions](http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html)
+ * for details of HTTP status codes.
+ * @param {Ext.data.Connection} conn This Connection object.
+ * @param {Object} response The XHR object containing the response data.
+ * See [The XMLHttpRequest Object](http://www.w3.org/TR/XMLHttpRequest/) for details.
+ * @param {Object} options The options config object passed to the {@link #request} method.
+ */
+ 'requestexception'
+ );
+ this.requests = {};
+ this.mixins.observable.constructor.call(this);
+ },
+
+<span id='Ext-data-Connection-method-request'> /**
+</span> * Sends an HTTP request to a remote server.
+ *
+ * **Important:** Ajax server requests are asynchronous, and this call will
+ * return before the response has been received. Process any returned data
+ * in a callback function.
+ *
+ * Ext.Ajax.request({
+ * url: 'ajax_demo/sample.json',
+ * success: function(response, opts) {
+ * var obj = Ext.decode(response.responseText);
+ * console.dir(obj);
+ * },
+ * failure: function(response, opts) {
+ * console.log('server-side failure with status code ' + response.status);
+ * }
+ * });
+ *
+ * To execute a callback function in the correct scope, use the `scope` option.
+ *
+ * @param {Object} options An object which may contain the following properties:
+ *
+ * (The options object may also contain any other property which might be needed to perform
+ * postprocessing in a callback because it is passed to callback functions.)
+ *
+ * @param {String/Function} options.url The URL to which to send the request, or a function
+ * to call which returns a URL string. The scope of the function is specified by the `scope` option.
+ * Defaults to the configured `url`.
+ *
+ * @param {Object/String/Function} options.params An object containing properties which are
+ * used as parameters to the request, a url encoded string or a function to call to get either. The scope
+ * of the function is specified by the `scope` option.
+ *
+ * @param {String} options.method The HTTP method to use
+ * for the request. Defaults to the configured method, or if no method was configured,
+ * "GET" if no parameters are being sent, and "POST" if parameters are being sent. Note that
+ * the method name is case-sensitive and should be all caps.
+ *
+ * @param {Function} options.callback The function to be called upon receipt of the HTTP response.
+ * The callback is called regardless of success or failure and is passed the following parameters:
+ * @param {Object} options.callback.options The parameter to the request call.
+ * @param {Boolean} options.callback.success True if the request succeeded.
+ * @param {Object} options.callback.response The XMLHttpRequest object containing the response data.
+ * See [www.w3.org/TR/XMLHttpRequest/](http://www.w3.org/TR/XMLHttpRequest/) for details about
+ * accessing elements of the response.
+ *
+ * @param {Function} options.success The function to be called upon success of the request.
+ * The callback is passed the following parameters:
+ * @param {Object} options.success.response The XMLHttpRequest object containing the response data.
+ * @param {Object} options.success.options The parameter to the request call.
+ *
+ * @param {Function} options.failure The function to be called upon success of the request.
+ * The callback is passed the following parameters:
+ * @param {Object} options.failure.response The XMLHttpRequest object containing the response data.
+ * @param {Object} options.failure.options The parameter to the request call.
+ *
+ * @param {Object} options.scope The scope in which to execute the callbacks: The "this" object for
+ * the callback function. If the `url`, or `params` options were specified as functions from which to
+ * draw values, then this also serves as the scope for those function calls. Defaults to the browser
+ * window.
+ *
+ * @param {Number} options.timeout The timeout in milliseconds to be used for this request.
+ * Defaults to 30 seconds.
+ *
+ * @param {Ext.Element/HTMLElement/String} options.form The `<form>` Element or the id of the `<form>`
+ * to pull parameters from.
+ *
+ * @param {Boolean} options.isUpload **Only meaningful when used with the `form` option.**
+ *
+ * True if the form object is a file upload (will be set automatically if the form was configured
+ * with **`enctype`** `"multipart/form-data"`).
+ *
+ * File uploads are not performed using normal "Ajax" techniques, that is they are **not**
+ * performed using XMLHttpRequests. Instead the form is submitted in the standard manner with the
+ * DOM `<form>` element temporarily modified to have its [target][] set to refer to a dynamically
+ * generated, hidden `<iframe>` which is inserted into the document but removed after the return data
+ * has been gathered.
+ *
+ * The server response is parsed by the browser to create the document for the IFRAME. If the
+ * server is using JSON to send the return object, then the [Content-Type][] header must be set to
+ * "text/html" in order to tell the browser to insert the text unchanged into the document body.
+ *
+ * The response text is retrieved from the document, and a fake XMLHttpRequest object is created
+ * containing a `responseText` property in order to conform to the requirements of event handlers
+ * and callbacks.
+ *
+ * Be aware that file upload packets are sent with the content type [multipart/form][] and some server
+ * technologies (notably JEE) may require some custom processing in order to retrieve parameter names
+ * and parameter values from the packet content.
+ *
+ * [target]: http://www.w3.org/TR/REC-html40/present/frames.html#adef-target
+ * [Content-Type]: http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.17
+ * [multipart/form]: http://www.faqs.org/rfcs/rfc2388.html
+ *
+ * @param {Object} options.headers Request headers to set for the request.
+ *
+ * @param {Object} options.xmlData XML document to use for the post. Note: This will be used instead
+ * of params for the post data. Any params will be appended to the URL.
+ *
+ * @param {Object/String} options.jsonData JSON data to use as the post. Note: This will be used
+ * instead of params for the post data. Any params will be appended to the URL.
+ *
+ * @param {Boolean} options.disableCaching True to add a unique cache-buster param to GET requests.
+ *
+ * @param {Boolean} options.withCredentials True to add the withCredentials property to the XHR object
+ *
+ * @return {Object} The request object. This may be used to cancel the request.
+ */
+ request : function(options) {
+ options = options || {};
+ var me = this,
+ scope = options.scope || window,
+ username = options.username || me.username,
+ password = options.password || me.password || '',
+ async,
+ requestOptions,
+ request,
+ headers,
+ xhr;
+
+ if (me.fireEvent('beforerequest', me, options) !== false) {
+
+ requestOptions = me.setOptions(options, scope);
+
+ if (this.isFormUpload(options) === true) {
+ this.upload(options.form, requestOptions.url, requestOptions.data, options);
+ return null;
+ }
+
+ // if autoabort is set, cancel the current transactions
+ if (options.autoAbort === true || me.autoAbort) {
+ me.abort();
+ }
+
+ // create a connection object
+
+ if ((options.cors === true || me.cors === true) && Ext.isIE && Ext.ieVersion >= 8) {
+ xhr = new XDomainRequest();
+ } else {
+ xhr = this.getXhrInstance();
+ }
+
+ async = options.async !== false ? (options.async || me.async) : false;
+
+ // open the request
+ if (username) {
+ xhr.open(requestOptions.method, requestOptions.url, async, username, password);
+ } else {
+ xhr.open(requestOptions.method, requestOptions.url, async);
+ }
+
+ if (options.withCredentials === true || me.withCredentials === true) {
+ xhr.withCredentials = true;
+ }
+
+ headers = me.setupHeaders(xhr, options, requestOptions.data, requestOptions.params);
+
+ // create the transaction object
+ request = {
+ id: ++Ext.data.Connection.requestId,
+ xhr: xhr,
+ headers: headers,
+ options: options,
+ async: async,
+ timeout: setTimeout(function() {
+ request.timedout = true;
+ me.abort(request);
+ }, options.timeout || me.timeout)
+ };
+ me.requests[request.id] = request;
+ me.latestId = request.id;
+ // bind our statechange listener
+ if (async) {
+ xhr.onreadystatechange = Ext.Function.bind(me.onStateChange, me, [request]);
+ }
+
+ if ((options.cors === true || me.cors === true) && Ext.isIE && Ext.ieVersion >= 8) {
+ xhr.onload = function() {
+ me.onComplete(request);
+ }
+ }
+
+ // start the request!
+ xhr.send(requestOptions.data);
+ if (!async) {
+ return this.onComplete(request);
+ }
+ return request;
+ } else {
+ Ext.callback(options.callback, options.scope, [options, undefined, undefined]);
+ return null;
+ }
+ },
+
+<span id='Ext-data-Connection-method-upload'> /**
+</span> * Uploads a form using a hidden iframe.
+ * @param {String/HTMLElement/Ext.Element} form The form to upload
+ * @param {String} url The url to post to
+ * @param {String} params Any extra parameters to pass
+ * @param {Object} options The initial options
+ */
+ upload: function(form, url, params, options) {
+ form = Ext.getDom(form);
+ options = options || {};
+
+ var id = Ext.id(),
+ frame = document.createElement('iframe'),
+ hiddens = [],
+ encoding = 'multipart/form-data',
+ buf = {
+ target: form.target,
+ method: form.method,
+ encoding: form.encoding,
+ enctype: form.enctype,
+ action: form.action
+ }, hiddenItem;
+
+ /*
+ * Originally this behaviour was modified for Opera 10 to apply the secure URL after
+ * the frame had been added to the document. It seems this has since been corrected in
+ * Opera so the behaviour has been reverted, the URL will be set before being added.
+ */
+ Ext.fly(frame).set({
+ id: id,
+ name: id,
+ cls: Ext.baseCSSPrefix + 'hide-display',
+ src: Ext.SSL_SECURE_URL
+ });
+
+ document.body.appendChild(frame);
+
+ // This is required so that IE doesn't pop the response up in a new window.
+ if (document.frames) {
+ document.frames[id].name = id;
+ }
+
+ Ext.fly(form).set({
+ target: id,
+ method: 'POST',
+ enctype: encoding,
+ encoding: encoding,
+ action: url || buf.action
+ });
+
+ // add dynamic params
+ if (params) {
+ Ext.iterate(Ext.Object.fromQueryString(params), function(name, value){
+ hiddenItem = document.createElement('input');
+ Ext.fly(hiddenItem).set({
+ type: 'hidden',
+ value: value,
+ name: name
+ });
+ form.appendChild(hiddenItem);
+ hiddens.push(hiddenItem);
+ });
+ }
+
+ Ext.fly(frame).on('load', Ext.Function.bind(this.onUploadComplete, this, [frame, options]), null, {single: true});
+ form.submit();
+
+ Ext.fly(form).set(buf);
+ Ext.each(hiddens, function(h) {
+ Ext.removeNode(h);
+ });
+ },
+
+<span id='Ext-data-Connection-method-onUploadComplete'> /**
+</span> * @private
+ * Callback handler for the upload function. After we've submitted the form via the iframe this creates a bogus
+ * response object to simulate an XHR and populates its responseText from the now-loaded iframe's document body
+ * (or a textarea inside the body). We then clean up by removing the iframe
+ */
+ onUploadComplete: function(frame, options) {
+ var me = this,
+ // bogus response object
+ response = {
+ responseText: '',
+ responseXML: null
+ }, doc, firstChild;
+
+ try {
+ doc = frame.contentWindow.document || frame.contentDocument || window.frames[frame.id].document;
+ if (doc) {
+ if (doc.body) {
+ if (/textarea/i.test((firstChild = doc.body.firstChild || {}).tagName)) { // json response wrapped in textarea
+ response.responseText = firstChild.value;
+ } else {
+ response.responseText = doc.body.innerHTML;
+ }
+ }
+ //in IE the document may still have a body even if returns XML.
+ response.responseXML = doc.XMLDocument || doc;
+ }
+ } catch (e) {
+ }
+
+ me.fireEvent('requestcomplete', me, response, options);
+
+ Ext.callback(options.success, options.scope, [response, options]);
+ Ext.callback(options.callback, options.scope, [options, true, response]);
+
+ setTimeout(function(){
+ Ext.removeNode(frame);
+ }, 100);
+ },
+
+<span id='Ext-data-Connection-method-isFormUpload'> /**
+</span> * Detects whether the form is intended to be used for an upload.
+ * @private
+ */
+ isFormUpload: function(options){
+ var form = this.getForm(options);
+ if (form) {
+ return (options.isUpload || (/multipart\/form-data/i).test(form.getAttribute('enctype')));
+ }
+ return false;
+ },
+
+<span id='Ext-data-Connection-method-getForm'> /**
+</span> * Gets the form object from options.
+ * @private
+ * @param {Object} options The request options
+ * @return {HTMLElement} The form, null if not passed
+ */
+ getForm: function(options){
+ return Ext.getDom(options.form) || null;
+ },
+
+<span id='Ext-data-Connection-method-setOptions'> /**
+</span> * Sets various options such as the url, params for the request
+ * @param {Object} options The initial options
+ * @param {Object} scope The scope to execute in
+ * @return {Object} The params for the request
+ */
+ setOptions: function(options, scope){
+ var me = this,
+ params = options.params || {},
+ extraParams = me.extraParams,
+ urlParams = options.urlParams,
+ url = options.url || me.url,
+ jsonData = options.jsonData,
+ method,
+ disableCache,
+ data;
+
+
+ // allow params to be a method that returns the params object
+ if (Ext.isFunction(params)) {
+ params = params.call(scope, options);
+ }
+
+ // allow url to be a method that returns the actual url
+ if (Ext.isFunction(url)) {
+ url = url.call(scope, options);
+ }
+
+ url = this.setupUrl(options, url);
+
+ //<debug>
+ if (!url) {
+ Ext.Error.raise({
+ options: options,
+ msg: 'No URL specified'
+ });
+ }
+ //</debug>
+
+ // check for xml or json data, and make sure json data is encoded
+ data = options.rawData || options.xmlData || jsonData || null;
+ if (jsonData && !Ext.isPrimitive(jsonData)) {
+ data = Ext.encode(data);
+ }
+
+ // make sure params are a url encoded string and include any extraParams if specified
+ if (Ext.isObject(params)) {
+ params = Ext.Object.toQueryString(params);
+ }
+
+ if (Ext.isObject(extraParams)) {
+ extraParams = Ext.Object.toQueryString(extraParams);
+ }
+
+ params = params + ((extraParams) ? ((params) ? '&' : '') + extraParams : '');
+
+ urlParams = Ext.isObject(urlParams) ? Ext.Object.toQueryString(urlParams) : urlParams;
+
+ params = this.setupParams(options, params);
+
+ // decide the proper method for this request
+ method = (options.method || me.method || ((params || data) ? 'POST' : 'GET')).toUpperCase();
+ this.setupMethod(options, method);
+
+
+ disableCache = options.disableCaching !== false ? (options.disableCaching || me.disableCaching) : false;
+ // if the method is get append date to prevent caching
+ if (method === 'GET' && disableCache) {
+ url = Ext.urlAppend(url, (options.disableCachingParam || me.disableCachingParam) + '=' + (new Date().getTime()));
+ }
+
+ // if the method is get or there is json/xml data append the params to the url
+ if ((method == 'GET' || data) && params) {
+ url = Ext.urlAppend(url, params);
+ params = null;
+ }
+
+ // allow params to be forced into the url
+ if (urlParams) {
+ url = Ext.urlAppend(url, urlParams);
+ }
+
+ return {
+ url: url,
+ method: method,
+ data: data || params || null
+ };
+ },
+
+<span id='Ext-data-Connection-method-setupUrl'> /**
+</span> * Template method for overriding url
+ * @template
+ * @private
+ * @param {Object} options
+ * @param {String} url
+ * @return {String} The modified url
+ */
+ setupUrl: function(options, url){
+ var form = this.getForm(options);
+ if (form) {
+ url = url || form.action;
+ }
+ return url;
+ },
+
+
+<span id='Ext-data-Connection-method-setupParams'> /**
+</span> * Template method for overriding params
+ * @template
+ * @private
+ * @param {Object} options
+ * @param {String} params
+ * @return {String} The modified params
+ */
+ setupParams: function(options, params) {
+ var form = this.getForm(options),
+ serializedForm;
+ if (form && !this.isFormUpload(options)) {
+ serializedForm = Ext.Element.serializeForm(form);
+ params = params ? (params + '&' + serializedForm) : serializedForm;
+ }
+ return params;
+ },
+
+<span id='Ext-data-Connection-method-setupMethod'> /**
+</span> * Template method for overriding method
+ * @template
+ * @private
+ * @param {Object} options
+ * @param {String} method
+ * @return {String} The modified method
+ */
+ setupMethod: function(options, method){
+ if (this.isFormUpload(options)) {
+ return 'POST';
+ }
+ return method;
+ },
+
+<span id='Ext-data-Connection-method-setupHeaders'> /**
+</span> * Setup all the headers for the request
+ * @private
+ * @param {Object} xhr The xhr object
+ * @param {Object} options The options for the request
+ * @param {Object} data The data for the request
+ * @param {Object} params The params for the request
+ */
+ setupHeaders: function(xhr, options, data, params){
+ var me = this,
+ headers = Ext.apply({}, options.headers || {}, me.defaultHeaders || {}),
+ contentType = me.defaultPostHeader,
+ jsonData = options.jsonData,
+ xmlData = options.xmlData,
+ key,
+ header;
+
+ if (!headers['Content-Type'] && (data || params)) {
+ if (data) {
+ if (options.rawData) {
+ contentType = 'text/plain';
+ } else {
+ if (xmlData && Ext.isDefined(xmlData)) {
+ contentType = 'text/xml';
+ } else if (jsonData && Ext.isDefined(jsonData)) {
+ contentType = 'application/json';
+ }
+ }
+ }
+ headers['Content-Type'] = contentType;
+ }
+
+ if (me.useDefaultXhrHeader && !headers['X-Requested-With']) {
+ headers['X-Requested-With'] = me.defaultXhrHeader;
+ }
+ // set up all the request headers on the xhr object
+ try{
+ for (key in headers) {
+ if (headers.hasOwnProperty(key)) {
+ header = headers[key];
+ xhr.setRequestHeader(key, header);
+ }
+
+ }
+ } catch(e) {
+ me.fireEvent('exception', key, header);
+ }
+ return headers;
+ },
+
+<span id='Ext-data-Connection-property-getXhrInstance'> /**
+</span> * Creates the appropriate XHR transport for the browser.
+ * @private
+ */
+ getXhrInstance: (function(){
+ var options = [function(){
+ return new XMLHttpRequest();
+ }, function(){
+ return new ActiveXObject('MSXML2.XMLHTTP.3.0');
+ }, function(){
+ return new ActiveXObject('MSXML2.XMLHTTP');
+ }, function(){
+ return new ActiveXObject('Microsoft.XMLHTTP');
+ }], i = 0,
+ len = options.length,
+ xhr;
+
+ for(; i < len; ++i) {
+ try{
+ xhr = options[i];
+ xhr();
+ break;
+ }catch(e){}
+ }
+ return xhr;
+ })(),
+
+<span id='Ext-data-Connection-method-isLoading'> /**
+</span> * Determines whether this object has a request outstanding.
+ * @param {Object} [request] Defaults to the last transaction
+ * @return {Boolean} True if there is an outstanding request.
+ */
+ isLoading : function(request) {
+ if (!request) {
+ request = this.getLatest();
+ }
+ if (!(request && request.xhr)) {
+ return false;
+ }
+ // if there is a connection and readyState is not 0 or 4
+ var state = request.xhr.readyState;
+ return !(state === 0 || state == 4);
+ },
+
+<span id='Ext-data-Connection-method-abort'> /**
+</span> * Aborts an active request.
+ * @param {Object} [request] Defaults to the last request
+ */
+ abort : function(request) {
+ var me = this;
+
+ if (!request) {
+ request = me.getLatest();
+ }
+
+ if (request && me.isLoading(request)) {
+ /*
+ * Clear out the onreadystatechange here, this allows us
+ * greater control, the browser may/may not fire the function
+ * depending on a series of conditions.
+ */
+ request.xhr.onreadystatechange = null;
+ request.xhr.abort();
+ me.clearTimeout(request);
+ if (!request.timedout) {
+ request.aborted = true;
+ }
+ me.onComplete(request);
+ me.cleanup(request);
+ }
+ },
+
+<span id='Ext-data-Connection-method-abortAll'> /**
+</span> * Aborts all active requests
+ */
+ abortAll: function(){
+ var requests = this.requests,
+ id;
+
+ for (id in requests) {
+ if (requests.hasOwnProperty(id)) {
+ this.abort(requests[id]);
+ }
+ }
+ },
+
+<span id='Ext-data-Connection-method-getLatest'> /**
+</span> * Gets the most recent request
+ * @private
+ * @return {Object} The request. Null if there is no recent request
+ */
+ getLatest: function(){
+ var id = this.latestId,
+ request;
+
+ if (id) {
+ request = this.requests[id];
+ }
+ return request || null;
+ },
+
+<span id='Ext-data-Connection-method-onStateChange'> /**
+</span> * Fires when the state of the xhr changes
+ * @private
+ * @param {Object} request The request
+ */
+ onStateChange : function(request) {
+ if (request.xhr.readyState == 4) {
+ this.clearTimeout(request);
+ this.onComplete(request);
+ this.cleanup(request);
+ }
+ },
+
+<span id='Ext-data-Connection-method-clearTimeout'> /**
+</span> * Clears the timeout on the request
+ * @private
+ * @param {Object} The request
+ */
+ clearTimeout: function(request){
+ clearTimeout(request.timeout);
+ delete request.timeout;
+ },
+
+<span id='Ext-data-Connection-method-cleanup'> /**
+</span> * Cleans up any left over information from the request
+ * @private
+ * @param {Object} The request
+ */
+ cleanup: function(request){
+ request.xhr = null;
+ delete request.xhr;
+ },
+
+<span id='Ext-data-Connection-method-onComplete'> /**
+</span> * To be called when the request has come back from the server
+ * @private
+ * @param {Object} request
+ * @return {Object} The response
+ */
+ onComplete : function(request) {
+ var me = this,
+ options = request.options,
+ result,
+ success,
+ response;
+
+ try {
+ result = me.parseStatus(request.xhr.status);
+ } catch (e) {
+ // in some browsers we can't access the status if the readyState is not 4, so the request has failed
+ result = {
+ success : false,
+ isException : false
+ };
+ }
+ success = result.success;
+
+ if (success) {
+ response = me.createResponse(request);
+ me.fireEvent('requestcomplete', me, response, options);
+ Ext.callback(options.success, options.scope, [response, options]);
+ } else {
+ if (result.isException || request.aborted || request.timedout) {
+ response = me.createException(request);
+ } else {
+ response = me.createResponse(request);
+ }
+ me.fireEvent('requestexception', me, response, options);
+ Ext.callback(options.failure, options.scope, [response, options]);
+ }
+ Ext.callback(options.callback, options.scope, [options, success, response]);
+ delete me.requests[request.id];
+ return response;
+ },
+
+<span id='Ext-data-Connection-method-parseStatus'> /**
+</span> * Checks if the response status was successful
+ * @param {Number} status The status code
+ * @return {Object} An object containing success/status state
+ */
+ parseStatus: function(status) {
+ // see: https://prototype.lighthouseapp.com/projects/8886/tickets/129-ie-mangles-http-response-status-code-204-to-1223
+ status = status == 1223 ? 204 : status;
+
+ var success = (status >= 200 && status < 300) || status == 304,
+ isException = false;
+
+ if (!success) {
+ switch (status) {
+ case 12002:
+ case 12029:
+ case 12030:
+ case 12031:
+ case 12152:
+ case 13030:
+ isException = true;
+ break;
+ }
+ }
+ return {
+ success: success,
+ isException: isException
+ };
+ },
+
+<span id='Ext-data-Connection-method-createResponse'> /**
+</span> * Creates the response object
+ * @private
+ * @param {Object} request
+ */
+ createResponse : function(request) {
+ var xhr = request.xhr,
+ headers = {},
+ lines = xhr.getAllResponseHeaders ? xhr.getAllResponseHeaders().replace(/\r\n/g, '\n').split('\n') : [],
+ count = lines.length,
+ line, index, key, value, response;
+
+ while (count--) {
+ line = lines[count];
+ index = line.indexOf(':');
+ if(index >= 0) {
+ key = line.substr(0, index).toLowerCase();
+ if (line.charAt(index + 1) == ' ') {
+ ++index;
+ }
+ headers[key] = line.substr(index + 1);
+ }
+ }
+
+ request.xhr = null;
+ delete request.xhr;
+
+ response = {
+ request: request,
+ requestId : request.id,
+ status : xhr.status,
+ statusText : xhr.statusText,
+ getResponseHeader : function(header){ return headers[header.toLowerCase()]; },
+ getAllResponseHeaders : function(){ return headers; },
+ responseText : xhr.responseText,
+ responseXML : xhr.responseXML
+ };
+
+ // If we don't explicitly tear down the xhr reference, IE6/IE7 will hold this in the closure of the
+ // functions created with getResponseHeader/getAllResponseHeaders
+ xhr = null;
+ return response;
+ },
+
+<span id='Ext-data-Connection-method-createException'> /**
+</span> * Creates the exception object
+ * @private
+ * @param {Object} request
+ */
+ createException : function(request) {
+ return {
+ request : request,
+ requestId : request.id,
+ status : request.aborted ? -1 : 0,
+ statusText : request.aborted ? 'transaction aborted' : 'communication failure',
+ aborted: request.aborted,
+ timedout: request.timedout
+ };
+ }
+});
+</pre>
+</body>
+</html>
git.ithinksw.org / extjs.git / blobdiff