迹忆客 专注技术分享

当前位置:主页 > 学无止境 > 编程语言 > Node.js >

Node.js 中的 AJAX 调用

作者:迹忆客 最近更新:2023/03/27 浏览次数:

Representational State Transfer 简称为 REST。 符合 REST 架构风格的限制和限制并允许与 RESTful Web 服务交互的 API 或 Web API(应用程序编程接口)被称为 REST API 或 RESTful API。

在本篇文章中,我们将学习如何使用 Node.js 使用第三方包发出请求。


Node.js 中的 AJAX 调用

node-fetch 是一个轻量级的包/模块,它允许我们在 Node.js 中使用 fetch() 函数。 它的功能与 Vanilla JavaScript 中的 window.fetch() 非常相似。

node-fetch 是一个免费的第三方包,一个用于浏览器和 Node.js 的基于 Promise 的 HTTP 客户端。 它在 NPM 上可用。

我们可以使用 node-fetch 将异步 HTTP 请求发送到 REST 端点。 使用 node-fetch 执行 CRUD 操作变得很容易。

我们可以在 Vanilla JavaScript 或 Node.js 或 React 等库中使用它。 您可以在此处找到有关节点获取的更多信息。

HTTP GET 方法从服务器获取资源。 例如,浏览器从服务器获取TODO数据列表或获取特定TODO请求的信息时,使用HTTP GET请求方法。

GETHEAD 请求不会改变服务器的状态。

GET API 是幂等的,这意味着发出多个相同的请求总是每次都会产生相同的结果,直到另一个 API(例如 POST 或 PUT)被发送到服务器,这改变了服务器上的资源状态。

使用以下命令安装 node-fetch 库

$ npm i node-fetch

GET 请求是使用 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.test.com/posts', {
    method: 'post',
    body: JSON.stringify(payload),
    headers: {'Content-Type': 'application/json'}
  });
  const data = await response.json();
  console.log(data);
}
getTodoData();

在上面的示例中,一旦用户运行该文件,就会使用具有指定 URL 的获取模块(本文中为虚拟)向 Node 服务器发送 GET 调用。 如果服务器不间断地处理这些数据,它会返回一条成功消息。

根据服务器响应的输出,我们可以在控制台上打印消息或用适当的消息通知用户。

尝试在支持 Node.js 的 replit 中运行上述代码片段; 它将在下面显示结果。

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

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

在 Node.js 中编码 URL

发布时间:2023/03/27 浏览次数:201 分类:Node.js

在这篇简短的文章中,我们将学习如何在 Node.js 中进行 URL 编码。

在 Node.js 中编码 Base64

发布时间:2023/03/27 浏览次数:155 分类:Node.js

在本文中,我们将学习如何在 Node.js 中将字符串或文本转换为 base64。

Node.js 与 React JS 的比较

发布时间:2023/03/27 浏览次数:137 分类:Node.js

本文比较和对比了两种编程语言,Node.js 和 React。React 和 Node.js 都是开源 JavaScript 库的示例。 这些库用于构建用户界面和服务器端应用程序。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便