Con Javascript podemos hacer llamadas a los servidores para obtener, y alimentar, nuestro HTML. Con la última versión ES6, ha llegado nuevas formas de realizar peticiones o llamadas en AJAX. Ya no será necesario usar JQuery o un framework que nos simplifique el trabajo. Con la función fetch podremos realizarlo de una forma sencilla. Voy a intentar dejar ejemplos sencillos para entender como utilizarlo con métodos: GET, POST, PUT y DELETE.
GET (Leer datos)
fetch('http://ejemplo.com/api/user')
.then(function(response) {
return response.json();
})
.then(function(response) {
console.log(response)
});POST (Crear nuevos datos)
fetch('http://ejemplo.com/api/user', {
headers: {
'Content-type': 'application/json'
},
method: 'POST',
body: { name: 'Paquito Chocolatero', age: 31 },
}).then(function(data) {
console.log(data);
});PUT (Actualizar)
fetch('http://ejemplo.com/api/user/1/age', {
headers: {
'Content-type': 'application/json'
},
method: 'PUT',
body: 32,
})
.then(function(data) {
console.log(data);
});
;DELETE (Borrar)
fetch('http://ejemplo.com/api/user/1', {
method: 'DELETE',
})
.then(function(data) {
console.log(data);
});
;