Cómo usar la API Fetch para obtener una respuesta HTML en JavaScript

JavaScript Fetch API es una alternativa moderna y versátil al objeto tradicional XMLHttpRequest (XHR) integrado para realizar solicitudes de red. También admite promesas, lo que facilita la escritura de código asíncrono.

El Response objeto devuelto por el fetch() contiene la información sobre la solicitud y la respuesta de la solicitud de red, incluidos los encabezados, el código de estado y el mensaje de estado.

El Response El objeto proporciona varios métodos para acceder al cuerpo de la respuesta como json() , text() , y más. Para obtener una respuesta como una cadena HTML, puede usar el text() método.

Aquí hay un ejemplo que descarga la página de inicio de Google como una cadena HTML y la imprime en la consola:

fetch('https://www.google.com')
    .then(res => res.text())
    .then(res => console.log(res))
    .catch(err => console.error(err));

El text() El método devuelve el cuerpo de la respuesta como una cadena. Eche un vistazo a esta sección para obtener más información sobre los formatos de respuesta de Fetch API.