TypeScript:
Enviando una solicitud http
How to:
Para mandar una solicitud HTTP, vamos a usar fetch, que está ya incluido en JavaScript y es accesible en TypeScript.
// GET Request
fetch('https://jsonplaceholder.typicode.com/posts/1')
.then(response => response.json())
.then(data => console.log(data));
// POST Request
fetch('https://jsonplaceholder.typicode.com/posts', {
method: 'POST',
body: JSON.stringify({
title: 'foo',
body: 'bar',
userId: 1,
}),
headers: {
'Content-type': 'application/json; charset=UTF-8',
},
})
.then(response => response.json())
.then(json => console.log(json));Esto imprimiría en consola la respuesta del servidor en formato JSON.
Deep Dive
La función fetch se introdujo en la web para reemplazar XMLHttpRequest, que era más compleja y menos intuitiva. Si necesitas compatibilidad con navegadores antiguos, podrías considerar herramientas como axios o jQuery.ajax. Además, con TypeScript, es buena idea definir interfaces para las respuestas que esperas, lo que te ayuda a manejar los datos de forma predecible y segura.