javascript api code example

Example 1: fetch api javascript

fetch('http://example.com/movies.json')
  .then((response) => {
    return response.json();
  })
  .then((myJson) => {
    console.log(myJson);
  });

Example 2: vanilla javascript api request

var xhr = new XMLHttpRequest();

xhr.onload = function () {

	if (xhr.status >= 200 && xhr.status < 300) {

      const users = JSON.parse(xhr.response);
      const content = document.getElementById("user_content");
    
      for(let i in users){
          let user_name = document.createElement("p");
          let text = document.createTextNode(`User ID ${users[i].id}: ${users[i].title}`);
          user_name.appendChild(text);
          content.appendChild(user_name);
      }
    
	} else {
      console.log('The request failed!');
	}

	console.log('This always runs...');
};

xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts');
xhr.send();

Example 3: using apis in javascript

// Create a request variable and assign a new XMLHttpRequest object to it.
var request = new XMLHttpRequest()

// Open a new connection, using the GET request on the URL endpoint
request.open('GET', url, true)

request.onload = function () {
  // Begin accessing JSON data here
}

// Send request
request.send()