Realizar una llamada GET desde React Native

Tiempo de lectura: < 1 minuto

Sí queremos obtener datos desde un servidor remoto, podemos utilizar el siguiente código:

    var myHeaders = new Headers();
    myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

    var requestOptions = {
        method: 'GET',
        headers: myHeaders
    };

    fetch("https://www.miweb.com/getPerson", requestOptions)
        .then(response => response.json())
        .then((responseJson) => {
            alert(responseJson);
        })
        .catch(error => console.log(error))

Primero se crean los headers que podamos utilizar:

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

Después las opciones de la petición:

var requestOptions = {
    method: 'GET',
    headers: myHeaders
};

En este caso indicamos que es un GET y que tiene los headers creados antes.

Y ahora lanzamos la petición:

fetch("https://www.miweb.com/getPerson", requestOptions)
    .then(response => response.json())
    .then((responseJson) => {
        alert(responseJson);
    })
    .catch(error => console.log(error))

Se indica la URL dónde está el recurso que queremos obtener de nuestro servidor y se adjuntan las opciones de la petición.

Dentro de:

.then((responseJson) => {
alert(responseJson);
})

Se recibe la respuesta, en este caso se muestra un alert con la respuesta.

Y si da error, aparecería por:

catch(error => console.log(error))