AJAX-Aufruf in Node.js

Representational State Transfer wird als REST bezeichnet. Eine API oder Web-API (Application Programming Interface), die den Grenzen und Beschränkungen des REST-Architekturstils entspricht und die Interaktion mit RESTful-Webdiensten ermöglicht, wird als REST-API oder RESTful-API bezeichnet.

Im heutigen Beitrag erfahren Sie, wie Sie mit Node.js Anfragen mit Paketen von Drittanbietern stellen.

AJAX-Aufruf in Node.js

Das node-fetch ist ein leichtgewichtiges Paket/Modul, das es uns ermöglicht, die Funktion fetch() in Node.js zu verwenden. Seine Funktionalität ist der von window.fetch() in Vanilla JavaScript sehr ähnlich.

Der node-fetch ist ein kostenloses Drittanbieter-Paket, ein Promise-basierter HTTP-Client für den Browser und Node.js. Es ist auf NPM verfügbar.

Mit node-fetch können Sie asynchrone HTTP-Requests an REST-Endpunkte senden. Die Durchführung von CRUD-Operationen wird mit node-fetch zu einer einfachen Aufgabe.

Wir können dies in Vanilla JavaScript oder mit einer Bibliothek wie Node.js oder React verwenden. Weitere Informationen zu node-fetch finden Sie hier.

Die Methode HTTP GET holt Ressourcen vom Server. Beispielsweise verwenden Browser die Anforderungsmethode HTTP GET, wenn sie die Datenliste TODO vom Server abrufen oder Informationen zu bestimmten TODO-Anforderungen abrufen.

GET- und HEAD-Anfragen ändern den Zustand des Servers nicht.

GET-APIs sind idempotent, was bedeutet, dass mehrere identische Anforderungen immer das gleiche Ergebnis erzeugen, bis eine andere API wie POST oder PUT an den Server gesendet wird, wodurch der Status der Ressource auf dem Server geändert wird.

Installieren Sie die node-fetch-Bibliothek mit dem folgenden Befehl $ npm i node-fetch.

Mit der Methode get wird ein GET-Request erstellt.

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();

Im obigen Beispiel wird, sobald der Benutzer die Datei ausführt, ein GET-Aufruf an den Node-Server gesendet, wobei das fetch-Modul mit der angegebenen URL (Dummy in diesem Beitrag) verwendet wird. Wenn der Server diese Daten ohne Unterbrechung verarbeitet, gibt er eine Erfolgsmeldung zurück.

Basierend auf der Ausgabe der Serverantwort können Sie die Nachricht auf der Konsole drucken oder den Benutzer mit der entsprechenden Nachricht benachrichtigen.

Versuchen Sie, das obige Code-Snippet in replit auszuführen, das Node.js unterstützt; Das Ergebnis wird unten angezeigt.

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

Demo