JavaScript Rest Api

É importante saber como fazer solicitações http e reexame de dados de um servidor.
JavaScript fornece alguma compilação em objetos para interagir com a API.

Usando XMLHttpRequest()

O objeto XMLHttpRequest pode ser usado para solicitar dados de um servidor web.

			
					 const request = new XMLHttpRequest();
    request.open("GET", "https://jsonplaceholder.typicode.com/posts");
    request.send();
    request.onLoad = () => {
       console.log(request);
       if(request.status === 200) {
           console.log(JSON.parse(request.response));
       } else {
           console.log(JSON.parse(request.response));
           console.log(error ${request.status});
       }
    };

Usando Fetch API()

Com o método fetch(). É preciso dois argumentos:

Uma URL ou um objeto representando a solicitação.
Objeto init opcional contendo o método, cabeçalhos, corpo etc.

			
					fetch(url)
    .then(response => {
        // handle the response
    })
    .catch(error => {
        // handle the error
    });

API Call JavaScript

			
					async function getUsers() {
    let response = await fetch('https://jsonplaceholder.typicode.com/posts');
    let data = await response.josn();
    console.log(data);
}

getUsers().then(res => {
   console.log(res)
})

Usando Axios

A Axios é um cliente HTTP baseado em promessas para nó.js e navegador.

Faça os requisitos XMLHttpRequest do navegador
Faça solicitações http do nó.js
Suporta a API Promessa

			
					axios().get('https://jsonplaceholder.typicode.com/posts')
     .then(res => {
        console.log(res)
     }, err =>{
        console.log(err)
     })

Usando jQuery

			
					$(document).ready(function(){
   $.ajax({
     url:"https://jsonplaceholder.typicode.com/posts",
     success: function(response){
        console.log(response)
     },
     error: function(error){
        console.log(error)
     },
   });
})