123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426 |
- "use strict";
- var __extends = (this && this.__extends) || function (d, b) {
- for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- var root_1 = require('../../util/root');
- var tryCatch_1 = require('../../util/tryCatch');
- var errorObject_1 = require('../../util/errorObject');
- var Observable_1 = require('../../Observable');
- var Subscriber_1 = require('../../Subscriber');
- var map_1 = require('../../operators/map');
- function getCORSRequest() {
- if (root_1.root.XMLHttpRequest) {
- return new root_1.root.XMLHttpRequest();
- }
- else if (!!root_1.root.XDomainRequest) {
- return new root_1.root.XDomainRequest();
- }
- else {
- throw new Error('CORS is not supported by your browser');
- }
- }
- function getXMLHttpRequest() {
- if (root_1.root.XMLHttpRequest) {
- return new root_1.root.XMLHttpRequest();
- }
- else {
- var progId = void 0;
- try {
- var progIds = ['Msxml2.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.4.0'];
- for (var i = 0; i < 3; i++) {
- try {
- progId = progIds[i];
- if (new root_1.root.ActiveXObject(progId)) {
- break;
- }
- }
- catch (e) {
- }
- }
- return new root_1.root.ActiveXObject(progId);
- }
- catch (e) {
- throw new Error('XMLHttpRequest is not supported by your browser');
- }
- }
- }
- function ajaxGet(url, headers) {
- if (headers === void 0) { headers = null; }
- return new AjaxObservable({ method: 'GET', url: url, headers: headers });
- }
- exports.ajaxGet = ajaxGet;
- ;
- function ajaxPost(url, body, headers) {
- return new AjaxObservable({ method: 'POST', url: url, body: body, headers: headers });
- }
- exports.ajaxPost = ajaxPost;
- ;
- function ajaxDelete(url, headers) {
- return new AjaxObservable({ method: 'DELETE', url: url, headers: headers });
- }
- exports.ajaxDelete = ajaxDelete;
- ;
- function ajaxPut(url, body, headers) {
- return new AjaxObservable({ method: 'PUT', url: url, body: body, headers: headers });
- }
- exports.ajaxPut = ajaxPut;
- ;
- function ajaxPatch(url, body, headers) {
- return new AjaxObservable({ method: 'PATCH', url: url, body: body, headers: headers });
- }
- exports.ajaxPatch = ajaxPatch;
- ;
- var mapResponse = map_1.map(function (x, index) { return x.response; });
- function ajaxGetJSON(url, headers) {
- return mapResponse(new AjaxObservable({
- method: 'GET',
- url: url,
- responseType: 'json',
- headers: headers
- }));
- }
- exports.ajaxGetJSON = ajaxGetJSON;
- ;
- /**
- * We need this JSDoc comment for affecting ESDoc.
- * @extends {Ignored}
- * @hide true
- */
- var AjaxObservable = (function (_super) {
- __extends(AjaxObservable, _super);
- function AjaxObservable(urlOrRequest) {
- _super.call(this);
- var request = {
- async: true,
- createXHR: function () {
- return this.crossDomain ? getCORSRequest.call(this) : getXMLHttpRequest();
- },
- crossDomain: false,
- withCredentials: false,
- headers: {},
- method: 'GET',
- responseType: 'json',
- timeout: 0
- };
- if (typeof urlOrRequest === 'string') {
- request.url = urlOrRequest;
- }
- else {
- for (var prop in urlOrRequest) {
- if (urlOrRequest.hasOwnProperty(prop)) {
- request[prop] = urlOrRequest[prop];
- }
- }
- }
- this.request = request;
- }
- /** @deprecated internal use only */ AjaxObservable.prototype._subscribe = function (subscriber) {
- return new AjaxSubscriber(subscriber, this.request);
- };
- /**
- * Creates an observable for an Ajax request with either a request object with
- * url, headers, etc or a string for a URL.
- *
- * @example
- * source = Rx.Observable.ajax('/products');
- * source = Rx.Observable.ajax({ url: 'products', method: 'GET' });
- *
- * @param {string|Object} request Can be one of the following:
- * A string of the URL to make the Ajax call.
- * An object with the following properties
- * - url: URL of the request
- * - body: The body of the request
- * - method: Method of the request, such as GET, POST, PUT, PATCH, DELETE
- * - async: Whether the request is async
- * - headers: Optional headers
- * - crossDomain: true if a cross domain request, else false
- * - createXHR: a function to override if you need to use an alternate
- * XMLHttpRequest implementation.
- * - resultSelector: a function to use to alter the output value type of
- * the Observable. Gets {@link AjaxResponse} as an argument.
- * @return {Observable} An observable sequence containing the XMLHttpRequest.
- * @static true
- * @name ajax
- * @owner Observable
- */
- AjaxObservable.create = (function () {
- var create = function (urlOrRequest) {
- return new AjaxObservable(urlOrRequest);
- };
- create.get = ajaxGet;
- create.post = ajaxPost;
- create.delete = ajaxDelete;
- create.put = ajaxPut;
- create.patch = ajaxPatch;
- create.getJSON = ajaxGetJSON;
- return create;
- })();
- return AjaxObservable;
- }(Observable_1.Observable));
- exports.AjaxObservable = AjaxObservable;
- /**
- * We need this JSDoc comment for affecting ESDoc.
- * @ignore
- * @extends {Ignored}
- */
- var AjaxSubscriber = (function (_super) {
- __extends(AjaxSubscriber, _super);
- function AjaxSubscriber(destination, request) {
- _super.call(this, destination);
- this.request = request;
- this.done = false;
- var headers = request.headers = request.headers || {};
- // force CORS if requested
- if (!request.crossDomain && !headers['X-Requested-With']) {
- headers['X-Requested-With'] = 'XMLHttpRequest';
- }
- // ensure content type is set
- if (!('Content-Type' in headers) && !(root_1.root.FormData && request.body instanceof root_1.root.FormData) && typeof request.body !== 'undefined') {
- headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
- }
- // properly serialize body
- request.body = this.serializeBody(request.body, request.headers['Content-Type']);
- this.send();
- }
- AjaxSubscriber.prototype.next = function (e) {
- this.done = true;
- var _a = this, xhr = _a.xhr, request = _a.request, destination = _a.destination;
- var response = new AjaxResponse(e, xhr, request);
- destination.next(response);
- };
- AjaxSubscriber.prototype.send = function () {
- var _a = this, request = _a.request, _b = _a.request, user = _b.user, method = _b.method, url = _b.url, async = _b.async, password = _b.password, headers = _b.headers, body = _b.body;
- var createXHR = request.createXHR;
- var xhr = tryCatch_1.tryCatch(createXHR).call(request);
- if (xhr === errorObject_1.errorObject) {
- this.error(errorObject_1.errorObject.e);
- }
- else {
- this.xhr = xhr;
- // set up the events before open XHR
- // https://developer.mozilla.org/en/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest
- // You need to add the event listeners before calling open() on the request.
- // Otherwise the progress events will not fire.
- this.setupEvents(xhr, request);
- // open XHR
- var result = void 0;
- if (user) {
- result = tryCatch_1.tryCatch(xhr.open).call(xhr, method, url, async, user, password);
- }
- else {
- result = tryCatch_1.tryCatch(xhr.open).call(xhr, method, url, async);
- }
- if (result === errorObject_1.errorObject) {
- this.error(errorObject_1.errorObject.e);
- return null;
- }
- // timeout, responseType and withCredentials can be set once the XHR is open
- if (async) {
- xhr.timeout = request.timeout;
- xhr.responseType = request.responseType;
- }
- if ('withCredentials' in xhr) {
- xhr.withCredentials = !!request.withCredentials;
- }
- // set headers
- this.setHeaders(xhr, headers);
- // finally send the request
- result = body ? tryCatch_1.tryCatch(xhr.send).call(xhr, body) : tryCatch_1.tryCatch(xhr.send).call(xhr);
- if (result === errorObject_1.errorObject) {
- this.error(errorObject_1.errorObject.e);
- return null;
- }
- }
- return xhr;
- };
- AjaxSubscriber.prototype.serializeBody = function (body, contentType) {
- if (!body || typeof body === 'string') {
- return body;
- }
- else if (root_1.root.FormData && body instanceof root_1.root.FormData) {
- return body;
- }
- if (contentType) {
- var splitIndex = contentType.indexOf(';');
- if (splitIndex !== -1) {
- contentType = contentType.substring(0, splitIndex);
- }
- }
- switch (contentType) {
- case 'application/x-www-form-urlencoded':
- return Object.keys(body).map(function (key) { return (encodeURI(key) + "=" + encodeURI(body[key])); }).join('&');
- case 'application/json':
- return JSON.stringify(body);
- default:
- return body;
- }
- };
- AjaxSubscriber.prototype.setHeaders = function (xhr, headers) {
- for (var key in headers) {
- if (headers.hasOwnProperty(key)) {
- xhr.setRequestHeader(key, headers[key]);
- }
- }
- };
- AjaxSubscriber.prototype.setupEvents = function (xhr, request) {
- var progressSubscriber = request.progressSubscriber;
- function xhrTimeout(e) {
- var _a = xhrTimeout, subscriber = _a.subscriber, progressSubscriber = _a.progressSubscriber, request = _a.request;
- if (progressSubscriber) {
- progressSubscriber.error(e);
- }
- subscriber.error(new AjaxTimeoutError(this, request)); //TODO: Make betterer.
- }
- ;
- xhr.ontimeout = xhrTimeout;
- xhrTimeout.request = request;
- xhrTimeout.subscriber = this;
- xhrTimeout.progressSubscriber = progressSubscriber;
- if (xhr.upload && 'withCredentials' in xhr) {
- if (progressSubscriber) {
- var xhrProgress_1;
- xhrProgress_1 = function (e) {
- var progressSubscriber = xhrProgress_1.progressSubscriber;
- progressSubscriber.next(e);
- };
- if (root_1.root.XDomainRequest) {
- xhr.onprogress = xhrProgress_1;
- }
- else {
- xhr.upload.onprogress = xhrProgress_1;
- }
- xhrProgress_1.progressSubscriber = progressSubscriber;
- }
- var xhrError_1;
- xhrError_1 = function (e) {
- var _a = xhrError_1, progressSubscriber = _a.progressSubscriber, subscriber = _a.subscriber, request = _a.request;
- if (progressSubscriber) {
- progressSubscriber.error(e);
- }
- subscriber.error(new AjaxError('ajax error', this, request));
- };
- xhr.onerror = xhrError_1;
- xhrError_1.request = request;
- xhrError_1.subscriber = this;
- xhrError_1.progressSubscriber = progressSubscriber;
- }
- function xhrReadyStateChange(e) {
- var _a = xhrReadyStateChange, subscriber = _a.subscriber, progressSubscriber = _a.progressSubscriber, request = _a.request;
- if (this.readyState === 4) {
- // normalize IE9 bug (http://bugs.jquery.com/ticket/1450)
- var status_1 = this.status === 1223 ? 204 : this.status;
- var response = (this.responseType === 'text' ? (this.response || this.responseText) : this.response);
- // fix status code when it is 0 (0 status is undocumented).
- // Occurs when accessing file resources or on Android 4.1 stock browser
- // while retrieving files from application cache.
- if (status_1 === 0) {
- status_1 = response ? 200 : 0;
- }
- if (200 <= status_1 && status_1 < 300) {
- if (progressSubscriber) {
- progressSubscriber.complete();
- }
- subscriber.next(e);
- subscriber.complete();
- }
- else {
- if (progressSubscriber) {
- progressSubscriber.error(e);
- }
- subscriber.error(new AjaxError('ajax error ' + status_1, this, request));
- }
- }
- }
- ;
- xhr.onreadystatechange = xhrReadyStateChange;
- xhrReadyStateChange.subscriber = this;
- xhrReadyStateChange.progressSubscriber = progressSubscriber;
- xhrReadyStateChange.request = request;
- };
- AjaxSubscriber.prototype.unsubscribe = function () {
- var _a = this, done = _a.done, xhr = _a.xhr;
- if (!done && xhr && xhr.readyState !== 4 && typeof xhr.abort === 'function') {
- xhr.abort();
- }
- _super.prototype.unsubscribe.call(this);
- };
- return AjaxSubscriber;
- }(Subscriber_1.Subscriber));
- exports.AjaxSubscriber = AjaxSubscriber;
- /**
- * A normalized AJAX response.
- *
- * @see {@link ajax}
- *
- * @class AjaxResponse
- */
- var AjaxResponse = (function () {
- function AjaxResponse(originalEvent, xhr, request) {
- this.originalEvent = originalEvent;
- this.xhr = xhr;
- this.request = request;
- this.status = xhr.status;
- this.responseType = xhr.responseType || request.responseType;
- this.response = parseXhrResponse(this.responseType, xhr);
- }
- return AjaxResponse;
- }());
- exports.AjaxResponse = AjaxResponse;
- /**
- * A normalized AJAX error.
- *
- * @see {@link ajax}
- *
- * @class AjaxError
- */
- var AjaxError = (function (_super) {
- __extends(AjaxError, _super);
- function AjaxError(message, xhr, request) {
- _super.call(this, message);
- this.message = message;
- this.xhr = xhr;
- this.request = request;
- this.status = xhr.status;
- this.responseType = xhr.responseType || request.responseType;
- this.response = parseXhrResponse(this.responseType, xhr);
- }
- return AjaxError;
- }(Error));
- exports.AjaxError = AjaxError;
- function parseXhrResponse(responseType, xhr) {
- switch (responseType) {
- case 'json':
- if ('response' in xhr) {
- //IE does not support json as responseType, parse it internally
- return xhr.responseType ? xhr.response : JSON.parse(xhr.response || xhr.responseText || 'null');
- }
- else {
- // HACK(benlesh): TypeScript shennanigans
- // tslint:disable-next-line:no-any latest TS seems to think xhr is "never" here.
- return JSON.parse(xhr.responseText || 'null');
- }
- case 'xml':
- return xhr.responseXML;
- case 'text':
- default:
- // HACK(benlesh): TypeScript shennanigans
- // tslint:disable-next-line:no-any latest TS seems to think xhr is "never" here.
- return ('response' in xhr) ? xhr.response : xhr.responseText;
- }
- }
- /**
- * @see {@link ajax}
- *
- * @class AjaxTimeoutError
- */
- var AjaxTimeoutError = (function (_super) {
- __extends(AjaxTimeoutError, _super);
- function AjaxTimeoutError(xhr, request) {
- _super.call(this, 'ajax timeout', xhr, request);
- }
- return AjaxTimeoutError;
- }(AjaxError));
- exports.AjaxTimeoutError = AjaxTimeoutError;
- //# sourceMappingURL=AjaxObservable.js.map
|