How to get the response of XMLHttpRequest?

by

You can get it by XMLHttpRequest.responseText in XMLHttpRequest.onreadystatechange when XMLHttpRequest.readyState equals to XMLHttpRequest.DONE.

Here’s an example (not compatible with IE6/7).

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE) {
        alert(xhr.responseText);
    }
}
xhr.open('GET', 'http://example.com', true);
xhr.send(null);

For better crossbrowser compatibility, not only with IE6/7, but also to cover some browser-specific memory leaks or bugs, and also for less verbosity with firing ajaxical requests, you could use jQuery.

$.get('http://example.com', function(responseText) {
    alert(responseText);
});

Note that you’ve to take the Same origin policy for JavaScript into account when not running at localhost. You may want to consider to create a proxy script at your domain.

More Related Contents:

  1. How can I upload files asynchronously with jQuery?
  2. How to read a local text file?
  3. How do I promisify native XHR?
  4. Suppress Chrome ‘Failed to load resource’ messages in console
  5. Upload file with Ajax XMLHttpRequest
  6. Why am I seeing an “origin is not allowed by Access-Control-Allow-Origin” error here? [duplicate]
  7. AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https
  8. Prevent redirection of Xmlhttprequest
  9. Getting BLOB data from XHR request
  10. Pure JavaScript Send POST Data Without a Form
  11. Find out how long an Ajax request took to complete
  12. In JavaScript how do I/should I use async/await with XMLHttpRequest?
  13. How can I take advantage of callback functions for asynchronous XMLHttpRequest?
  14. Understanding XMLHttpRequest over CORS (responseText)
  15. How to read a local text file in the browser?
  16. CORS request not working in Safari
  17. Show a progress bar for downloading files using XHR2/AJAX
  18. How to get response url in XMLHttpRequest?
  19. Fetch API vs XMLHttpRequest
  20. “Origin null is not allowed by Access-Control-Allow-Origin” in Chrome. Why? [duplicate]
  21. FormData in IE8/9
  22. Cross-site XMLHttpRequest
  23. How can I modify the XMLHttpRequest responsetext received by another function?
  24. How to Detect Cross Origin (CORS) Error vs. Other Types of Errors for XMLHttpRequest() in Javascript
  25. Browser waits for ajax call to complete even after abort has been called (jQuery)
  26. responseXML always null
  27. set withCredentials to the new ES6 built-in HTTP request API : Fetch
  28. Phantom JS synchronous AJAX request : NETWORK_ERR: XMLHttpRequest Exception 101
  29. Cross-domain XMLHttpRequest using background pages
  30. XMLHttpRequest testing in Jest

Leave a Comment