How to make javascript fetch synchronous?

by

fetch is intended to do asynchronous calls only, but there are some options:

Option 1

If XMLHttpRequest is also fine, then you can use async: false, which will do a synchronous call.

Option 2

Use async/await which is asynchronous under the hood, but feels like it is synchronous, see https://stackoverflow.com/a/54950884/2590616

Option 3

or else I need some way to update the interface when the fetch completes for each component

This sound like fetch + Promise.all() would be a good fit, see https://stackoverflow.com/a/52013616/2590616

Option 4

If you want to send analysis data or session data when leaving a page (e.g. in onbeforeunload) and want to be sure that the data is sent to the server, which is not guaranteed with a normal asynchronous AJAX call, you can use the Beacon API with Navigator.sendBeacon().

More Related Contents:

  1. Fetch: POST JSON data
  2. Why does .json() return a promise?
  3. Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’
  4. JavaScript, make a POST with JSON data with fetch()
  5. fetch() unexpected end of input
  6. Use Async/Await with Axios in React.js
  7. how to process fetch response from an ‘opaque’ type?
  8. Await an iterative function without delimiter in JS
  9. JavaScript fetch API – Why does response.json() return a promise object (instead of JSON)? [duplicate]
  10. Convert JSON to array in Javascript
  11. How to use JSON from instagram API?
  12. Why is setState in reactjs Async instead of Sync?
  13. Traverse all the Nodes of a JSON Object Tree with JavaScript
  14. Is it not possible to stringify an Error using JSON.stringify?
  15. Convert array to JSON
  16. How do I chain three asynchronous calls using jQuery promises?
  17. variable scope in d3 javascript
  18. SyntaxError: Unexpected token o in JSON at position 1
  19. Parsing JSON giving “unexpected token o” error [duplicate]
  20. How to get object length [duplicate]
  21. How to write asynchronous functions for Node.js
  22. Getting “TypeError: Failed to fetch” when the request hasn’t actually failed
  23. JSON Stringify changes time of date because of UTC
  24. Fetch API vs XMLHttpRequest
  25. How do I encode a JavaScript object as JSON?
  26. Using JavaScript Axios/Fetch. Can you disable browser cache?
  27. How to find an appropriate object in array by one of its properties
  28. Parse json in javascript – long numbers get rounded
  29. Typescript compiler error when importing json file
  30. Why does Fetch API Send the first PUT request as OPTIONS

Leave a Comment