xhr.js 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. 'use strict';
  2. var utils = require('./../utils');
  3. var settle = require('./../core/settle');
  4. var buildURL = require('./../helpers/buildURL');
  5. var buildFullPath = require('../core/buildFullPath');
  6. var parseHeaders = require('./../helpers/parseHeaders');
  7. var isURLSameOrigin = require('./../helpers/isURLSameOrigin');
  8. var createError = require('../core/createError');
  9. module.exports = function xhrAdapter(config) {
  10. return new Promise(function dispatchXhrRequest(resolve, reject) {
  11. var requestData = config.data;
  12. var requestHeaders = config.headers;
  13. if (utils.isFormData(requestData)) {
  14. delete requestHeaders['Content-Type']; // Let the browser set it
  15. }
  16. var request = new XMLHttpRequest();
  17. // HTTP basic authentication
  18. if (config.auth) {
  19. var username = config.auth.username || '';
  20. var password = config.auth.password || '';
  21. requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);
  22. }
  23. var fullPath = buildFullPath(config.baseURL, config.url);
  24. request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);
  25. // Set the request timeout in MS
  26. request.timeout = config.timeout;
  27. // Listen for ready state
  28. request.onreadystatechange = function handleLoad() {
  29. if (!request || request.readyState !== 4) {
  30. return;
  31. }
  32. // The request errored out and we didn't get a response, this will be
  33. // handled by onerror instead
  34. // With one exception: request that using file: protocol, most browsers
  35. // will return status as 0 even though it's a successful request
  36. if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {
  37. return;
  38. }
  39. // Prepare the response
  40. var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;
  41. var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;
  42. var response = {
  43. data: responseData,
  44. status: request.status,
  45. statusText: request.statusText,
  46. headers: responseHeaders,
  47. config: config,
  48. request: request
  49. };
  50. settle(resolve, reject, response);
  51. // Clean up request
  52. request = null;
  53. };
  54. // Handle browser request cancellation (as opposed to a manual cancellation)
  55. request.onabort = function handleAbort() {
  56. if (!request) {
  57. return;
  58. }
  59. reject(createError('Request aborted', config, 'ECONNABORTED', request));
  60. // Clean up request
  61. request = null;
  62. };
  63. // Handle low level network errors
  64. request.onerror = function handleError() {
  65. // Real errors are hidden from us by the browser
  66. // onerror should only fire if it's a network error
  67. reject(createError('Network Error', config, null, request));
  68. // Clean up request
  69. request = null;
  70. };
  71. // Handle timeout
  72. request.ontimeout = function handleTimeout() {
  73. var timeoutErrorMessage = 'timeout of ' + config.timeout + 'ms exceeded';
  74. if (config.timeoutErrorMessage) {
  75. timeoutErrorMessage = config.timeoutErrorMessage;
  76. }
  77. reject(createError(timeoutErrorMessage, config, 'ECONNABORTED',
  78. request));
  79. // Clean up request
  80. request = null;
  81. };
  82. // Add xsrf header
  83. // This is only done if running in a standard browser environment.
  84. // Specifically not if we're in a web worker, or react-native.
  85. if (utils.isStandardBrowserEnv()) {
  86. var cookies = require('./../helpers/cookies');
  87. // Add xsrf header
  88. var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ?
  89. cookies.read(config.xsrfCookieName) :
  90. undefined;
  91. if (xsrfValue) {
  92. requestHeaders[config.xsrfHeaderName] = xsrfValue;
  93. }
  94. }
  95. // Add headers to the request
  96. if ('setRequestHeader' in request) {
  97. utils.forEach(requestHeaders, function setRequestHeader(val, key) {
  98. if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {
  99. // Remove Content-Type if data is undefined
  100. delete requestHeaders[key];
  101. } else {
  102. // Otherwise add header to the request
  103. request.setRequestHeader(key, val);
  104. }
  105. });
  106. }
  107. // Add withCredentials to request if needed
  108. if (!utils.isUndefined(config.withCredentials)) {
  109. request.withCredentials = !!config.withCredentials;
  110. }
  111. // Add responseType to request if needed
  112. if (config.responseType) {
  113. try {
  114. request.responseType = config.responseType;
  115. } catch (e) {
  116. // Expected DOMException thrown by browsers not compatible XMLHttpRequest Level 2.
  117. // But, this can be suppressed for 'json' type as it can be parsed by default 'transformResponse' function.
  118. if (config.responseType !== 'json') {
  119. throw e;
  120. }
  121. }
  122. }
  123. // Handle progress if needed
  124. if (typeof config.onDownloadProgress === 'function') {
  125. request.addEventListener('progress', config.onDownloadProgress);
  126. }
  127. // Not all browsers support upload events
  128. if (typeof config.onUploadProgress === 'function' && request.upload) {
  129. request.upload.addEventListener('progress', config.onUploadProgress);
  130. }
  131. if (config.cancelToken) {
  132. // Handle cancellation
  133. config.cancelToken.promise.then(function onCanceled(cancel) {
  134. if (!request) {
  135. return;
  136. }
  137. request.abort();
  138. reject(cancel);
  139. // Clean up request
  140. request = null;
  141. });
  142. }
  143. if (requestData === undefined) {
  144. requestData = null;
  145. }
  146. // Send the request
  147. request.send(requestData);
  148. });
  149. };