| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550 | 
							- import { root } from '../../util/root';
 
- import { Observable } from '../../Observable';
 
- import { Subscriber } from '../../Subscriber';
 
- import { TeardownLogic } from '../../types';
 
- import { map } from '../../operators/map';
 
- export interface AjaxRequest {
 
-   url?: string;
 
-   body?: any;
 
-   user?: string;
 
-   async?: boolean;
 
-   method?: string;
 
-   headers?: Object;
 
-   timeout?: number;
 
-   password?: string;
 
-   hasContent?: boolean;
 
-   crossDomain?: boolean;
 
-   withCredentials?: boolean;
 
-   createXHR?: () => XMLHttpRequest;
 
-   progressSubscriber?: Subscriber<any>;
 
-   responseType?: string;
 
- }
 
- function getCORSRequest(): XMLHttpRequest {
 
-   if (root.XMLHttpRequest) {
 
-     return new root.XMLHttpRequest();
 
-   } else if (!!root.XDomainRequest) {
 
-     return new root.XDomainRequest();
 
-   } else {
 
-     throw new Error('CORS is not supported by your browser');
 
-   }
 
- }
 
- function getXMLHttpRequest(): XMLHttpRequest {
 
-   if (root.XMLHttpRequest) {
 
-     return new root.XMLHttpRequest();
 
-   } else {
 
-     let progId: string;
 
-     try {
 
-       const progIds = ['Msxml2.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.4.0'];
 
-       for (let i = 0; i < 3; i++) {
 
-         try {
 
-           progId = progIds[i];
 
-           if (new root.ActiveXObject(progId)) {
 
-             break;
 
-           }
 
-         } catch (e) {
 
-           //suppress exceptions
 
-         }
 
-       }
 
-       return new root.ActiveXObject(progId);
 
-     } catch (e) {
 
-       throw new Error('XMLHttpRequest is not supported by your browser');
 
-     }
 
-   }
 
- }
 
- export interface AjaxCreationMethod {
 
-   (urlOrRequest: string | AjaxRequest): Observable<AjaxResponse>;
 
-   get(url: string, headers?: Object): Observable<AjaxResponse>;
 
-   post(url: string, body?: any, headers?: Object): Observable<AjaxResponse>;
 
-   put(url: string, body?: any, headers?: Object): Observable<AjaxResponse>;
 
-   patch(url: string, body?: any, headers?: Object): Observable<AjaxResponse>;
 
-   delete(url: string, headers?: Object): Observable<AjaxResponse>;
 
-   getJSON<T>(url: string, headers?: Object): Observable<T>;
 
- }
 
- export function ajaxGet(url: string, headers: Object = null) {
 
-   return new AjaxObservable<AjaxResponse>({ method: 'GET', url, headers });
 
- }
 
- export function ajaxPost(url: string, body?: any, headers?: Object): Observable<AjaxResponse> {
 
-   return new AjaxObservable<AjaxResponse>({ method: 'POST', url, body, headers });
 
- }
 
- export function ajaxDelete(url: string, headers?: Object): Observable<AjaxResponse> {
 
-   return new AjaxObservable<AjaxResponse>({ method: 'DELETE', url, headers });
 
- }
 
- export function ajaxPut(url: string, body?: any, headers?: Object): Observable<AjaxResponse> {
 
-   return new AjaxObservable<AjaxResponse>({ method: 'PUT', url, body, headers });
 
- }
 
- export function ajaxPatch(url: string, body?: any, headers?: Object): Observable<AjaxResponse> {
 
-   return new AjaxObservable<AjaxResponse>({ method: 'PATCH', url, body, headers });
 
- }
 
- const mapResponse = map((x: AjaxResponse, index: number) => x.response);
 
- export function ajaxGetJSON<T>(url: string, headers?: Object): Observable<T> {
 
-   return mapResponse(
 
-     new AjaxObservable<AjaxResponse>({
 
-       method: 'GET',
 
-       url,
 
-       responseType: 'json',
 
-       headers
 
-     })
 
-   );
 
- }
 
- /**
 
-  * We need this JSDoc comment for affecting ESDoc.
 
-  * @extends {Ignored}
 
-  * @hide true
 
-  */
 
- export class AjaxObservable<T> extends Observable<T> {
 
-   /**
 
-    * Creates an observable for an Ajax request with either a request object with
 
-    * url, headers, etc or a string for a URL.
 
-    *
 
-    * ## Example
 
-    * ```ts
 
-    * import { ajax } from 'rxjs/ajax';
 
-  *
 
-    * const source1 = ajax('/products');
 
-    * const source2 = 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
 
-    * @nocollapse
 
-   */
 
-   static create: AjaxCreationMethod = (() => {
 
-     const create: any = (urlOrRequest: string | AjaxRequest) => {
 
-       return new AjaxObservable(urlOrRequest);
 
-     };
 
-     create.get = ajaxGet;
 
-     create.post = ajaxPost;
 
-     create.delete = ajaxDelete;
 
-     create.put = ajaxPut;
 
-     create.patch = ajaxPatch;
 
-     create.getJSON = ajaxGetJSON;
 
-     return <AjaxCreationMethod>create;
 
-   })();
 
-   private request: AjaxRequest;
 
-   constructor(urlOrRequest: string | AjaxRequest) {
 
-     super();
 
-     const request: AjaxRequest = {
 
-       async: true,
 
-       createXHR: function(this: AjaxRequest) {
 
-         return this.crossDomain ? getCORSRequest() : getXMLHttpRequest();
 
-       },
 
-       crossDomain: true,
 
-       withCredentials: false,
 
-       headers: {},
 
-       method: 'GET',
 
-       responseType: 'json',
 
-       timeout: 0
 
-     };
 
-     if (typeof urlOrRequest === 'string') {
 
-       request.url = urlOrRequest;
 
-     } else {
 
-       for (const prop in urlOrRequest) {
 
-         if (urlOrRequest.hasOwnProperty(prop)) {
 
-           request[prop] = urlOrRequest[prop];
 
-         }
 
-       }
 
-     }
 
-     this.request = request;
 
-   }
 
-   /** @deprecated This is an internal implementation detail, do not use. */
 
-   _subscribe(subscriber: Subscriber<T>): TeardownLogic {
 
-     return new AjaxSubscriber(subscriber, this.request);
 
-   }
 
- }
 
- /**
 
-  * We need this JSDoc comment for affecting ESDoc.
 
-  * @ignore
 
-  * @extends {Ignored}
 
-  */
 
- export class AjaxSubscriber<T> extends Subscriber<Event> {
 
-   private xhr: XMLHttpRequest;
 
-   private done: boolean = false;
 
-   constructor(destination: Subscriber<T>, public request: AjaxRequest) {
 
-     super(destination);
 
-     const headers = request.headers = request.headers || {};
 
-     // force CORS if requested
 
-     if (!request.crossDomain && !this.getHeader(headers, 'X-Requested-With')) {
 
-       headers['X-Requested-With'] = 'XMLHttpRequest';
 
-     }
 
-     // ensure content type is set
 
-     let contentTypeHeader = this.getHeader(headers, 'Content-Type');
 
-     if (!contentTypeHeader && !(root.FormData && request.body instanceof 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, this.getHeader(request.headers, 'Content-Type'));
 
-     this.send();
 
-   }
 
-   next(e: Event): void {
 
-     this.done = true;
 
-     const { xhr, request, destination } = this;
 
-     let result;
 
-     try {
 
-       result = new AjaxResponse(e, xhr, request);
 
-     } catch (err) {
 
-       return destination.error(err);
 
-     }
 
-     destination.next(result);
 
-   }
 
-   private send(): void {
 
-     const {
 
-       request,
 
-       request: { user, method, url, async, password, headers, body }
 
-     } = this;
 
-     try {
 
-       const xhr = this.xhr = request.createXHR();
 
-       // 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
 
-       if (user) {
 
-         xhr.open(method, url, async, user, password);
 
-       } else {
 
-         xhr.open(method, url, async);
 
-       }
 
-       // timeout, responseType and withCredentials can be set once the XHR is open
 
-       if (async) {
 
-         xhr.timeout = request.timeout;
 
-         xhr.responseType = request.responseType as any;
 
-       }
 
-       if ('withCredentials' in xhr) {
 
-         xhr.withCredentials = !!request.withCredentials;
 
-       }
 
-       // set headers
 
-       this.setHeaders(xhr, headers);
 
-       // finally send the request
 
-       if (body) {
 
-         xhr.send(body);
 
-       } else {
 
-         xhr.send();
 
-       }
 
-     } catch (err) {
 
-       this.error(err);
 
-     }
 
-   }
 
-   private serializeBody(body: any, contentType?: string) {
 
-     if (!body || typeof body === 'string') {
 
-       return body;
 
-     } else if (root.FormData && body instanceof root.FormData) {
 
-       return body;
 
-     }
 
-     if (contentType) {
 
-       const splitIndex = contentType.indexOf(';');
 
-       if (splitIndex !== -1) {
 
-         contentType = contentType.substring(0, splitIndex);
 
-       }
 
-     }
 
-     switch (contentType) {
 
-       case 'application/x-www-form-urlencoded':
 
-         return Object.keys(body).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(body[key])}`).join('&');
 
-       case 'application/json':
 
-         return JSON.stringify(body);
 
-       default:
 
-         return body;
 
-     }
 
-   }
 
-   private setHeaders(xhr: XMLHttpRequest, headers: Object) {
 
-     for (let key in headers) {
 
-       if (headers.hasOwnProperty(key)) {
 
-         xhr.setRequestHeader(key, headers[key]);
 
-       }
 
-     }
 
-   }
 
-   private getHeader(headers: {}, headerName: string): any {
 
-     for (let key in headers) {
 
-       if (key.toLowerCase() === headerName.toLowerCase()) {
 
-         return headers[key];
 
-       }
 
-     }
 
-     return undefined;
 
-   }
 
-   private setupEvents(xhr: XMLHttpRequest, request: AjaxRequest) {
 
-     const progressSubscriber = request.progressSubscriber;
 
-     function xhrTimeout(this: XMLHttpRequest, e: ProgressEvent): void {
 
-       const {subscriber, progressSubscriber, request } = (<any>xhrTimeout);
 
-       if (progressSubscriber) {
 
-         progressSubscriber.error(e);
 
-       }
 
-       let error;
 
-       try {
 
-         error = new AjaxTimeoutError(this, request); // TODO: Make betterer.
 
-       } catch (err) {
 
-         error = err;
 
-       }
 
-       subscriber.error(error);
 
-     }
 
-     xhr.ontimeout = xhrTimeout;
 
-     (<any>xhrTimeout).request = request;
 
-     (<any>xhrTimeout).subscriber = this;
 
-     (<any>xhrTimeout).progressSubscriber = progressSubscriber;
 
-     if (xhr.upload && 'withCredentials' in xhr) {
 
-       if (progressSubscriber) {
 
-         let xhrProgress: (e: ProgressEvent) => void;
 
-         xhrProgress = function(e: ProgressEvent) {
 
-           const { progressSubscriber } = (<any>xhrProgress);
 
-           progressSubscriber.next(e);
 
-         };
 
-         if (root.XDomainRequest) {
 
-           xhr.onprogress = xhrProgress;
 
-         } else {
 
-           xhr.upload.onprogress = xhrProgress;
 
-         }
 
-         (<any>xhrProgress).progressSubscriber = progressSubscriber;
 
-       }
 
-       let xhrError: (e: any) => void;
 
-       xhrError = function(this: XMLHttpRequest, e: ErrorEvent) {
 
-         const { progressSubscriber, subscriber, request } = (<any>xhrError);
 
-         if (progressSubscriber) {
 
-           progressSubscriber.error(e);
 
-         }
 
-         let error;
 
-         try {
 
-           error = new AjaxError('ajax error', this, request);
 
-         } catch (err) {
 
-           error = err;
 
-         }
 
-         subscriber.error(error);
 
-       };
 
-       xhr.onerror = xhrError;
 
-       (<any>xhrError).request = request;
 
-       (<any>xhrError).subscriber = this;
 
-       (<any>xhrError).progressSubscriber = progressSubscriber;
 
-     }
 
-     function xhrReadyStateChange(this: XMLHttpRequest, e: Event) {
 
-       return;
 
-     }
 
-     xhr.onreadystatechange = xhrReadyStateChange;
 
-     (<any>xhrReadyStateChange).subscriber = this;
 
-     (<any>xhrReadyStateChange).progressSubscriber = progressSubscriber;
 
-     (<any>xhrReadyStateChange).request = request;
 
-     function xhrLoad(this: XMLHttpRequest, e: Event) {
 
-       const { subscriber, progressSubscriber, request } = (<any>xhrLoad);
 
-       if (this.readyState === 4) {
 
-         // normalize IE9 bug (http://bugs.jquery.com/ticket/1450)
 
-         let status: number = this.status === 1223 ? 204 : this.status;
 
-         let response: any = (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 === 0) {
 
-           status = response ? 200 : 0;
 
-         }
 
-         // 4xx and 5xx should error (https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html)
 
-         if (status < 400) {
 
-           if (progressSubscriber) {
 
-             progressSubscriber.complete();
 
-           }
 
-           subscriber.next(e);
 
-           subscriber.complete();
 
-         } else {
 
-           if (progressSubscriber) {
 
-             progressSubscriber.error(e);
 
-           }
 
-           let error;
 
-           try {
 
-             error = new AjaxError('ajax error ' + status, this, request);
 
-           } catch (err) {
 
-             error = err;
 
-           }
 
-           subscriber.error(error);
 
-         }
 
-       }
 
-     }
 
-     xhr.onload = xhrLoad;
 
-     (<any>xhrLoad).subscriber = this;
 
-     (<any>xhrLoad).progressSubscriber = progressSubscriber;
 
-     (<any>xhrLoad).request = request;
 
-   }
 
-   unsubscribe() {
 
-     const { done, xhr } = this;
 
-     if (!done && xhr && xhr.readyState !== 4 && typeof xhr.abort === 'function') {
 
-       xhr.abort();
 
-     }
 
-     super.unsubscribe();
 
-   }
 
- }
 
- /**
 
-  * A normalized AJAX response.
 
-  *
 
-  * @see {@link ajax}
 
-  *
 
-  * @class AjaxResponse
 
-  */
 
- export class AjaxResponse {
 
-   /** @type {number} The HTTP status code */
 
-   status: number;
 
-   /** @type {string|ArrayBuffer|Document|object|any} The response data */
 
-   response: any;
 
-   /** @type {string} The raw responseText */
 
-   responseText: string;
 
-   /** @type {string} The responseType (e.g. 'json', 'arraybuffer', or 'xml') */
 
-   responseType: string;
 
-   constructor(public originalEvent: Event, public xhr: XMLHttpRequest, public request: AjaxRequest) {
 
-     this.status = xhr.status;
 
-     this.responseType = xhr.responseType || request.responseType;
 
-     this.response = parseXhrResponse(this.responseType, xhr);
 
-   }
 
- }
 
- export type AjaxErrorNames = 'AjaxError' | 'AjaxTimeoutError';
 
- /**
 
-  * A normalized AJAX error.
 
-  *
 
-  * @see {@link ajax}
 
-  *
 
-  * @class AjaxError
 
-  */
 
- export interface AjaxError extends Error {
 
-   /** @type {XMLHttpRequest} The XHR instance associated with the error */
 
-   xhr: XMLHttpRequest;
 
-   /** @type {AjaxRequest} The AjaxRequest associated with the error */
 
-   request: AjaxRequest;
 
-   /** @type {number} The HTTP status code */
 
-   status: number;
 
-   /** @type {string} The responseType (e.g. 'json', 'arraybuffer', or 'xml') */
 
-   responseType: string;
 
-   /** @type {string|ArrayBuffer|Document|object|any} The response data */
 
-   response: any;
 
- }
 
- export interface AjaxErrorCtor {
 
-   new(message: string, xhr: XMLHttpRequest, request: AjaxRequest): AjaxError;
 
- }
 
- const AjaxErrorImpl = (() => {
 
-   function AjaxErrorImpl(this: any, message: string, xhr: XMLHttpRequest, request: AjaxRequest): AjaxError {
 
-     Error.call(this);
 
-     this.message = message;
 
-     this.name = 'AjaxError';
 
-     this.xhr = xhr;
 
-     this.request = request;
 
-     this.status = xhr.status;
 
-     this.responseType = xhr.responseType || request.responseType;
 
-     this.response = parseXhrResponse(this.responseType, xhr);
 
-     return this;
 
-   }
 
-   AjaxErrorImpl.prototype = Object.create(Error.prototype);
 
-   return AjaxErrorImpl;
 
- })();
 
- export const AjaxError: AjaxErrorCtor = AjaxErrorImpl as any;
 
- function parseJson(xhr: XMLHttpRequest) {
 
-   // HACK(benlesh): TypeScript shennanigans
 
-   // tslint:disable-next-line:no-any XMLHttpRequest is defined to always have 'response' inferring xhr as never for the else clause.
 
-   if ('response' in (xhr as any)) {
 
-     //IE does not support json as responseType, parse it internally
 
-     return xhr.responseType ? xhr.response : JSON.parse(xhr.response || xhr.responseText || 'null');
 
-   } else {
 
-     return JSON.parse((xhr as any).responseText || 'null');
 
-   }
 
- }
 
- function parseXhrResponse(responseType: string, xhr: XMLHttpRequest) {
 
-   switch (responseType) {
 
-     case 'json':
 
-         return parseJson(xhr);
 
-       case 'xml':
 
-         return xhr.responseXML;
 
-       case 'text':
 
-       default:
 
-           // HACK(benlesh): TypeScript shennanigans
 
-           // tslint:disable-next-line:no-any XMLHttpRequest is defined to always have 'response' inferring xhr as never for the else sub-expression.
 
-           return  ('response' in (xhr as any)) ? xhr.response : xhr.responseText;
 
-   }
 
- }
 
- export interface AjaxTimeoutError extends AjaxError {
 
- }
 
- export interface AjaxTimeoutErrorCtor {
 
-   new(xhr: XMLHttpRequest, request: AjaxRequest): AjaxTimeoutError;
 
- }
 
- function AjaxTimeoutErrorImpl(this: any, xhr: XMLHttpRequest, request: AjaxRequest) {
 
-   AjaxError.call(this, 'ajax timeout', xhr, request);
 
-   this.name = 'AjaxTimeoutError';
 
-   return this;
 
- }
 
- /**
 
-  * @see {@link ajax}
 
-  *
 
-  * @class AjaxTimeoutError
 
-  */
 
- export const AjaxTimeoutError: AjaxTimeoutErrorCtor = AjaxTimeoutErrorImpl as any;
 
 
  |