How to Call REST API Web Service from Javascript in HTML page

If you’ve ever taken a look at the documentation for an API and had no idea where to start or what to do and gotten frustrated, this is the article for you.

Start with the new Fetch API, supported by all browsers except IE11 at the time of writing. It simplifies the XMLHttpRequest syntax you see in many of the other examples.

The API includes a lot more, but start with the fetch() method. It takes two arguments:

1. A URL or an object representing the request.
2. Optional init object containing the method, headers, body etc.

Simple GET:

const userAction = async () => {
  const response = await fetch('http://example.com/movies.json');
  const myJson = await response.json(); //extract JSON from the http response
  // do something with myJson
}

Recreating the previous top answer, a POST:

const userAction = async () => {
  const response = await fetch('http://example.com/movies.json', {
    method: 'POST',
    body: myBody, // string or object
    headers: {
      'Content-Type': 'application/json'
    }
  });
  const myJson = await response.json(); //extract JSON from the http response
  // do something with myJson
}

Suggested Articles:

• Penji Review: Get Unlimited Graphic Design Services at Affordable Prices
• How Long Does it Take to Learn Web Design?
• How to Use API Design Patterns in Xamarin Forms?
• How Web Designers Can Use Instagram to Promote Their Designs
• BOXMODE Review – Is it the Best Free Website Builder?