Llamada AJAX en Node.js

“Transferencia de estado representacional” se denomina REST. Una API o API web (Interfaz de programación de aplicaciones) que cumple con los límites y restricciones del estilo arquitectónico REST y permite la interacción con los servicios web RESTful se conoce como API REST o API RESTful.

En la publicación de hoy, aprenderemos cómo realizar solicitudes usando paquetes de terceros usando Node.js.

Llamada AJAX en Node.js

El node-fetch es un paquete/módulo liviano que nos permite usar la función fetch() en Node.js. Su funcionalidad es muy similar a window.fetch() en Vanilla JavaScript.

El node-fetch es un paquete gratuito de terceros, un cliente HTTP basado en Promise para el navegador y Node.js. Está disponible en NPM.

Puede enviar solicitudes HTTP asíncronas a puntos finales REST utilizando node-fetch. Realizar operaciones CRUD se convierte en una tarea fácil usando node-fetch.

Podemos usar esto en Vanilla JavaScript o con una biblioteca como Node.js o React. Puede encontrar más información sobre node-fetch aquí.

El método HTTP GET obtiene recursos del servidor. Por ejemplo, los navegadores utilizan el método de solicitud HTTP GET al obtener la lista de datos TODO del servidor o al obtener información de solicitudes específicas de TODO.

Las solicitudes GET y HEAD no cambian el estado del servidor.

Las API GET son idempotentes, lo que significa que realizar varias solicitudes idénticas siempre produce el mismo resultado cada vez hasta que se realiza otra API como POST o PUT en el servidor, lo que cambia el estado del recurso en el servidor.

Instale la biblioteca node-fetch usando el siguiente comando $ npm i node-fetch.

Una solicitud GET se crea con el método get.

const fetch = require('node-fetch');
async function getTodoData() {
  const payload = {title: 'Hello World', body: 'Welcome to Node tutorial'};
  const response = await fetch('https://jsonplaceholder.typicode.com/posts', {
    method: 'post',
    body: JSON.stringify(payload),
    headers: {'Content-Type': 'application/json'}
  });
  const data = await response.json();
  console.log(data);
}
getTodoData();

En el ejemplo anterior, una vez que el usuario ejecuta el archivo, se envía una llamada GET al servidor Node utilizando el módulo fetch con la URL especificada (ficticia en esta publicación). Si el servidor procesa estos datos sin interrupción, devuelve un mensaje de éxito.

Según el resultado de la respuesta del servidor, puede imprimir el mensaje en la consola o notificar al usuario con el mensaje adecuado.

Intente ejecutar el fragmento de código anterior en replit, que es compatible con Node.js; mostrará el resultado a continuación.

{ title: 'Hello World', body: 'Welcome to Node tutorial', id: 101 }

Manifestación