JavaScript:
Enviando una solicitud http
Cómo hacerlo:
Para solicitudes HTTP en JavaScript, fetch es tu amigo. Puedes obtener datos así:
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));Si necesitas enviar información, usa el método POST:
fetch('https://api.example.com/data', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({key: 'value'}),
})
.then(response => response.json())
.then(data => console.log('Success:', data))
.catch(error => console.error('Error:', error));La respuesta será lo que el servidor te devuelva, típicamente un JSON.
Profundizando:
Antes de fetch, XMLHttpRequest era la base para hacer este tipo de tareas. Aunque aún es válido, fetch ofrece una manera más moderna y promesas para manejar solicitudes y respuestas asincrónicas.
Existen alternativas como axios, una biblioteca que simplifica más las cosas y puede manejar errores de una mejor manera. Sin embargo, fetch viene con todos los navegadores modernos, así que no necesitas descargar nada extra.
Detalles de implementación: fetch devuelve una Promesa. Es fundamental entender cómo funcionan las Promesas en JavaScript para manejar adecuadamente las respuestas async.