Javascript

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',
});