1 minuto

Javascript

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);
  });
;
Javascript Web
Andros Fenollosa 10/04/2018

Anterior

Siguiente