xhr.js 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  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. var btoa = (typeof window !== 'undefined' && window.btoa) || require('./../helpers/btoa');
  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. var loadEvent = 'onreadystatechange';
  18. var xDomain = false;
  19. // For IE 8/9 CORS support
  20. // Only supports POST and GET calls and doesn't returns the response headers.
  21. // DON'T do this for testing b/c XMLHttpRequest is mocked, not XDomainRequest.
  22. if (process.env.NODE_ENV !== 'test' &&
  23. typeof window !== 'undefined' &&
  24. window.XDomainRequest && !('withCredentials' in request) &&
  25. !isURLSameOrigin(config.url)) {
  26. request = new window.XDomainRequest();
  27. loadEvent = 'onload';
  28. xDomain = true;
  29. request.onprogress = function handleProgress() {};
  30. request.ontimeout = function handleTimeout() {};
  31. }
  32. // HTTP basic authentication
  33. if (config.auth) {
  34. var username = config.auth.username || '';
  35. var password = config.auth.password || '';
  36. requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);
  37. }
  38. request.open(config.method.toUpperCase(), buildURL(config.url, config.params, config.paramsSerializer), true);
  39. // Set the request timeout in MS
  40. request.timeout = config.timeout;
  41. // Listen for ready state
  42. request[loadEvent] = function handleLoad() {
  43. if (!request || (request.readyState !== 4 && !xDomain)) {
  44. return;
  45. }
  46. // The request errored out and we didn't get a response, this will be
  47. // handled by onerror instead
  48. if (request.status === 0) {
  49. return;
  50. }
  51. // Prepare the response
  52. var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;
  53. var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;
  54. var response = {
  55. data: responseData,
  56. // IE sends 1223 instead of 204 (https://github.com/mzabriskie/axios/issues/201)
  57. status: request.status === 1223 ? 204 : request.status,
  58. statusText: request.status === 1223 ? 'No Content' : request.statusText,
  59. headers: responseHeaders,
  60. config: config,
  61. request: request
  62. };
  63. settle(resolve, reject, response);
  64. // Clean up request
  65. request = null;
  66. };
  67. // Handle low level network errors
  68. request.onerror = function handleError() {
  69. // Real errors are hidden from us by the browser
  70. // onerror should only fire if it's a network error
  71. reject(createError('Network Error', config));
  72. // Clean up request
  73. request = null;
  74. };
  75. // Handle timeout
  76. request.ontimeout = function handleTimeout() {
  77. reject(createError('timeout of ' + config.timeout + 'ms exceeded', config, 'ECONNABORTED'));
  78. // Clean up request
  79. request = null;
  80. };
  81. // Add xsrf header
  82. // This is only done if running in a standard browser environment.
  83. // Specifically not if we're in a web worker, or react-native.
  84. if (utils.isStandardBrowserEnv()) {
  85. var cookies = require('./../helpers/cookies');
  86. // Add xsrf header
  87. var xsrfValue = config.withCredentials || isURLSameOrigin(config.url) ?
  88. cookies.read(config.xsrfCookieName) :
  89. undefined;
  90. if (xsrfValue) {
  91. requestHeaders[config.xsrfHeaderName] = xsrfValue;
  92. }
  93. }
  94. // Add headers to the request
  95. if ('setRequestHeader' in request) {
  96. utils.forEach(requestHeaders, function setRequestHeader(val, key) {
  97. if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {
  98. // Remove Content-Type if data is undefined
  99. delete requestHeaders[key];
  100. } else {
  101. // Otherwise add header to the request
  102. request.setRequestHeader(key, val);
  103. }
  104. });
  105. }
  106. // Add withCredentials to request if needed
  107. if (config.withCredentials) {
  108. request.withCredentials = true;
  109. }
  110. // Add responseType to request if needed
  111. if (config.responseType) {
  112. try {
  113. request.responseType = config.responseType;
  114. } catch (e) {
  115. if (request.responseType !== 'json') {
  116. throw e;
  117. }
  118. }
  119. }
  120. // Handle progress if needed
  121. if (typeof config.progress === 'function') {
  122. if (config.method === 'post' || config.method === 'put') {
  123. request.upload.addEventListener('progress', config.progress);
  124. } else if (config.method === 'get') {
  125. request.addEventListener('progress', config.progress);
  126. }
  127. }
  128. if (requestData === undefined) {
  129. requestData = null;
  130. }
  131. // Send the request
  132. request.send(requestData);
  133. });
  134. };