介绍
RESTful API 是一种 Web 服务架构风格，目的是为了提供灵活、可扩展、可重用的 Web 服务。在前端开发中，常常需要通过 RESTful API 获取数据，并将其展示在页面中。本文将介绍如何在 Express.js 应用程序中获取 RESTful API 数据，并提供一些示例代码。
获取数据
在 Express.js 应用程序中获取 RESTful API 数据需要使用 Node.js 内置的 http 模块或第三方库，例如 Axios、Request 等。以下是使用 Axios 获取数据的示例代码：
----- ----- - -----------------
-----------------------------------------
-------------- -- -
---------------------------
--
------------ -- -
-------------------
---以上代码中，使用 Axios 发送 GET 请求，请求地址为 https://api.example.com/data。使用 Promise 的 then 方法可以获取响应数据，catch 方法可以捕获错误。通过 console.log 输出响应数据，可以在控制台中查看服务器返回的数据。
处理数据
获取到 RESTful API 数据后，可以对数据进行处理，例如格式化、排序、筛选等等。以下是使用 Lodash 库进行数据处理的示例代码：
----- - - ------------------
-----------------------------------------
-------------- -- -
----- ---- - ----------------------- --------
------------------
--
------------ -- -
-------------------
---以上代码中，使用 Lodash 的 sortBy 方法对获取到的数据进行排序，排序字段为 name。使用 console.log 输出处理后的数据。通过使用不同的 Lodash 方法，可以完成各种数据处理需求。
渲染数据
处理完 RESTful API 数据后，可以将数据渲染到页面中。在 Express.js 应用程序中，可以使用模板引擎（例如 EJS、Handlebars 等）进行数据渲染。以下是使用 EJS 渲染数据的示例代码：
----- ------- - -------------------
----- --- - ----------
------------- -------- -------
------------ ----- ---- -- -
-----------------------------------------
-------------- -- -
----- ---- - ----------------------- --------
------------------- - ---- ---
--
------------ -- -
-------------------
------------------------------ ------ --------
---
---
---------------- -- -- -
------------------- ------- -- ---- -------
---以上代码中，使用 EJS 模板引擎进行数据渲染。在请求 / 路径时，通过 axios 获取 RESTful API 数据，然后使用 Lodash 进行排序。将处理后的数据传递给 EJS 模板引擎进行渲染，渲染结果显示在页面中。
总结
在 Express.js 应用程序中获取 RESTful API 数据需要使用 http 模块或第三方库发送请求，然后对返回的数据进行处理，并将处理后的数据渲染到页面中。在实际开发中可以使用各种工具和库简化这个过程。通过学习本文内容，你可以掌握如何在 Express.js 应用程序中获取 RESTful API 数据，并进行数据处理和渲染。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/647b78d8968c7c53b06e798e