POST Request with Fetch API?

by

Long story short, Fetch also allows you to pass an object for a more personalized request:

fetch("http://example.com/api/endpoint/", {
  method: "post",
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json'
  },

  //make sure to serialize your JSON body
  body: JSON.stringify({
    name: myName,
    password: myPassword
  })
})
.then( (response) => { 
   //do something awesome that makes the world a better place
});

Check out the fetch documentation for even more goodies and gotchas:

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

Please note that since you’re doing an async try/catch pattern, you’ll just omit the then() function in my example 😉

More Related Contents:

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

Leave a Comment