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:

• 5 Best Javascript Frameworks for Newbie Developers to Learn Coding
• 5 Ways Low-code Platform Upgrades Your Business
• 10 Best iPhone 11 Mockups for Sketch in 2020 [With Pictures]
• 7 Best Website Designs Inspirations of 2020
• Magento vs. Shopify & Sqaurespace – Which Should You Choose?