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:

• How Can eCommerce Web Design Solutions Boost Your Online Presence
• 10 Best Free and paid XML Viewer and Editor for macOS
• 3 Benefits of Developing Websites in React JS
• 7 Tips for Designing an Engaging Website
• How To Build Your First Business Website [Quick Guide]