xhr.js 5.1 KB

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