Con la última versión de Javascript (ES6), ha llegado nuevas formas de realizar peticiones o llamadas en AJAX. Ya no será necesario usar JQuery o un framework que nos aliguere el trabajo. Con la función fetch podremos realizarlo de una forma sencilla. Os dejo varios métodos: GET, POST, PUT y DELETE.
GET (Leer datos)
El siguiente ejemplo se espera a que termine de recoger los datos antes de continuar.
const user = await fetch('http://ejemplo.com/api/user')
.then(function(response) {
return response.json();
})Si no quieres que sea asíncrono, que se ejecute de forma paralela.
fetch('http://ejemplo.com/api/user')
.then(function(response) {
return response.json();
})POST (Crear nuevos datos)
fetch('http://ejemplo.com/api/user', {
headers: {
'Content-type': 'application/json'
},
method: 'POST',
body: { name: 'Paquito Chocolatero', age: 31 },
});PUT (Actualizar)
fetch('http://ejemplo.com/api/user/1/age', {
headers: {
'Content-type': 'application/json'
},
method: 'PUT',
body: 32,
});DELETE (Borrar)
fetch('http://ejemplo.com/api/user/1', {
method: 'DELETE',
});