SyntaxFix

[javascript] Why does .json() return a promise?

In addition to the above answers here is how you might handle a 500 series response from your api where you receive an error message encoded in json:

function callApi(url) {
  return fetch(url)
    .then(response => {
      if (response.ok) {
        return response.json().then(response => ({ response }));
      }

      return response.json().then(error => ({ error }));
    })
  ;
}

let url = 'http://jsonplaceholder.typicode.com/posts/6';

const { response, error } = callApi(url);
if (response) {
  // handle json decoded response
} else {
  // handle json decoded 500 series response
}

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to asynchronous

• How to read file with async/await properly? • Use Async/Await with Axios in React.js • Waiting until the task finishes • How to reject in async/await syntax? • React - Display loading screen while DOM is rendering? • angular 2 how to return data from subscribe • How do I access store state in React Redux? • SyntaxError: Unexpected token function - Async Await Nodejs • Why does .json() return a promise? • Why is setState in reactjs Async instead of Sync?

Examples related to promise

• Axios handling errors • typescript: error TS2693: 'Promise' only refers to a type, but is being used as a value here • Syntax for async arrow function • Angular 2: How to call a function after get a response from subscribe http.post • How to use fetch in typescript • Returning Promises from Vuex actions • Use async await with Array.map • Getting a UnhandledPromiseRejectionWarning when testing using mocha/chai • using setTimeout on promise chain • Why is my asynchronous function returning Promise { <pending> } instead of a value?

Examples related to fetch-api

• Enable CORS in fetch api • Getting "TypeError: failed to fetch" when the request hasn't actually failed • Fetch API request timeout? • How do I post form data with fetch api? • No 'Access-Control-Allow-Origin' header is present on the requested resource—when trying to get data from a REST API • Basic authentication with fetch? • Trying to use fetch and pass in mode: no-cors • React Native fetch() Network Request Failed • Fetch: reject promise and catch the error if status is not OK? • Why does .json() return a promise?