Returning HTML With fetch()

by

You can download the html with fetch and then parse it with DomParser API.

fetch('somePage.html')
    .then(function(response) {
        // When the page is loaded convert it to text
        return response.text()
    })
    .then(function(html) {
        // Initialize the DOM parser
        var parser = new DOMParser();

        // Parse the text
        var doc = parser.parseFromString(html, "text/html");

        // You can now even select part of that html as you would in the regular DOM 
        // Example:
        // var docArticle = doc.querySelector('article').innerHTML;

        console.log(doc);
    })
    .catch(function(err) {  
        console.log('Failed to fetch page: ', err);  
    });

More Related Contents:

  1. Fetch: POST JSON data
  2. Trying to use fetch and pass in mode: no-cors
  3. Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’
  4. Error when accessing API with fetch while setting mode to ‘no-cors’ [duplicate]
  5. How can I download a file using window.fetch?
  6. What limitations apply to opaque responses?
  7. React Native fetch() Network Request Failed
  8. How do I post form data with fetch api?
  9. Internal API fetch with getServerSideProps? (Next.js)
  10. How do I POST with multipart form data using fetch?
  11. fetch resolves even if 404?
  12. fetch(), how do you make a non-cached request?
  13. JavaScript, make a POST with JSON data with fetch()
  14. POST Request with Fetch API?
  15. fetch() unexpected end of input
  16. React useEffect causing: Can’t perform a React state update on an unmounted component
  17. Chrome – Fetch API cannot load file. How to workaround?
  18. fetch() does not send headers?
  19. Cannot load Deezer API resources from localhost with the Fetch API
  20. Relative paths with fetch in Javascript
  21. Hide 401 console.error in chrome dev tools getting 401 on fetch() call [duplicate]
  22. Empty body in fetch POST request
  23. How do I download a file from FastAPI backend using Fetch API in the frontend?
  24. how to process fetch response from an ‘opaque’ type?
  25. fetch retry request (on failure)
  26. JavaScript fetch – Failed to execute ‘json’ on ‘Response’: body stream is locked
  27. How to make javascript fetch synchronous?
  28. set withCredentials to the new ES6 built-in HTTP request API : Fetch
  29. How to get the filename from a file downloaded using Javascript Fetch API?
  30. Slack incoming webhook: Request header field Content-type is not allowed by Access-Control-Allow-Headers in preflight response

Leave a Comment