¿Para qué se utiliza la función fetch de JavaScript?
El fetch API es una interface que es utilizado para hacer peticiones sobre la red.
Es una mejora del XMLHttpRequest basada en promises, y existe en la mayoría de los navegadores modernos.
Uso básico de fetch
fetch("https:://path/to/json/file")
.then(function (result) {
return result.json(); // retorna un promise que continue un json extraído del objeto response
})
.then(function (result) {
console.log(result); // retorna el json extraído del promise
})
.catch(function (err) {
console.log(err);
});
El método fetch() toma una URL que es utilizada para realizar peticiones sobre la red. El método fetch() retorna un Promise que contiene un objeto Response.
Extraer los datos del objeto response
Un objeto response tiene diferentes métodos que son utilizados para extraer datos.
- json() : utilizado para extraer un objeto json
- text() : utilizado para extraer un string
- blob() : utilizado para extraer un objeto
