如何调用 REST api 并获取响应并在 HTML 页面中显示答案

【问题标题】：How to call the REST api and get the response and show it in HTML page如何调用 REST api 并获取响应并在 HTML 页面中显示
【发布时间】：2019-04-29 17:13:29
【问题描述】：

我只有一个包含文本字段和搜索按钮的页面。当用户输入一些数字（输入值 = 1）并单击搜索按钮时，它需要调用 REST (JAVA) 客户端并获取响应并将其展示到前端。

示例后端表：

Count | Name  | Address
  1   |  XXX  |  AAA
  2   |  YYY  |  BBB
  3   |  ZZZ  |  CCC

如果用户输入 1，那么它应该返回在 REST (JAVA) 中处理的给定输入的名称和地址详细信息。但它应该显示在html页面中。

REST (JAVA) 客户端将针对后端查询输入值（文本字段）并返回响应。我只是想在客户端（HTML）中展示这个案例。

这可以通过 node.js/Javascript 来完成吗？

我只需要一些想法来启动我的应用程序。如果您分享这些想法以及实现此目标的有效方法，那将非常有帮助。

【问题讨论】：

是的，这是可能的。我不清楚 NodeJS 是如何进入画面的。在客户端有很多方法可以做到这一点（我假设是浏览器，但因为你说的是 NodeJS，也许它是一个 Electron 应用程序？）并且正如所问的那样，这是一个相当广泛的问题。
你有没有努力研究答案？到目前为止，您的尝试代码在哪里？
我只需要一些输入。我不确定如何开始该要求。即使我只是想试试我自己。所以我只是问了一些基本的例子来实现这一点。如果我有想法，那么我将开始开发应用程序。
@Dave 我不确定 node.js 会帮我解决这个问题。但我刚刚听说 Express.js 会帮助我调用 REST 服务并获得响应。我对 node.js 世界完全陌生。我不确定它是否适合这个要求。
您可以使用（大多数）任何语言/框架调用任何服务。

标签： javascript java rest

【解决方案1】：

您可以在 jquery 的 AJAX 调用上使用 DOM 元素渲染。

示例 -

    $.ajax({
        url: url,
        type: "GET",
        contentType: "application/json",
        success: function (data) {
            console.log(data)
        }
    });

您将获得 JSON 格式的数据，然后您可以根据自己的选择渲染 JSON 对象。

如果您有 data-url 或您的数据所在的任何网络服务，我可以让您更清楚。我可以为你创建一个完整的代码。

谢谢

【讨论】：

感谢您的意见。