fetch API returning an empty string

by

I guess this might help, use as below:

fetch('/url/to/server')
.then(res => {
    return res.text();
})
.then(data => {
    $('#container').html(data);
});

And in server side, return content as plain text without setting header content-type.

I used $('#container') to represent the container that you want
the html data to go after retrieving it.

The difference with fetching json data is using res.json() in place of
res.text()
And also, don’t append any headers

More Related Contents:

  1. No ‘Access-Control-Allow-Origin’ header is present on the requested resource—when trying to get data from a REST API
  2. Fetch: POST JSON data
  3. Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’
  4. How do I cancel an HTTP fetch() request?
  5. How do I upload a file with the JS fetch API?
  6. How can I download a file using window.fetch?
  7. What limitations apply to opaque responses?
  8. How can I fetch an array of URLs with Promise.all?
  9. Fetch API request timeout?
  10. Fetch: reject promise and catch the error if status is not OK?
  11. Internal API fetch with getServerSideProps? (Next.js)
  12. What is difference between Axios and Fetch?
  13. JavaScript, make a POST with JSON data with fetch()
  14. try..catch not catching async/await errors
  15. React useEffect causing: Can’t perform a React state update on an unmounted component
  16. fetch gives an empty response body
  17. Chrome – Fetch API cannot load file. How to workaround?
  18. How to use FormData in react-native?
  19. redux fetch body is not use with no cors mode
  20. fetch() does not send headers?
  21. How to handle HTTP code 4xx responses in fetch api
  22. Basic authentication with fetch?
  23. Relative paths with fetch in Javascript
  24. Empty body in fetch POST request
  25. How do I download a file from FastAPI backend using Fetch API in the frontend?
  26. React cannot read property map of undefined
  27. UseEffect being called multiple times
  28. Slack incoming webhook: Request header field Content-type is not allowed by Access-Control-Allow-Headers in preflight response
  29. React-native upload image to amazons s3
  30. How do I download a file from FastAPI backend using JavaScript Fetch API in the frontend?

Leave a Comment