Question

我对RESTful API和HTML完全不熟悉，并且想知道我是否可以获得一些建议。

基本上，我使用RestX创建了一个带有restful api的应用程序，参见图片，可以成功检索信息，就像带有节点地址的字符串列表一样。 enter image description here

我想制作一个看起来大致相似的HTML页面（模型）：

enter image description here

我完全不确定如何实际做到这一点。此外，我不确定如何显示，例如，我收到的字符串列表。在模型中，例如，应该从从应用程序接收的列表中动态地生成已注册节点的列表。

我已经制作了一个示例HTML文本文件（来自另一个溢出帖子），但这并没有真正做任何事情...... 见代码：

<!DOCTYPE html>
<html>
<head>
    <script src="the/Path/To/The/Downloaded/JQuery.js"></script>
    <script>
        //Usually, you put script-tags into the head
        function myFunction() {
            //This performs a POST-Request.
            //Use "$.get();" in order to perform a GET-Request (you have to take a look in the rest-API-documentation, if you're unsure what you need)
            //The Browser downloads the webpage from the given url, and returns the data.
            $.get( "http://192.168.59.130:8080/api/@/ui/api-docs/#/operation/list/GET/___list___nodes", function( data ) {
                 //As soon as the browser finished downloading, this function is called.
                 $('#demo').html(data);
                 alert( "Load was performed." );

            });
        }
    </script>
</head>
<body>

    <p>Click the button to trigger a function.</p>

    <button onclick="myFunction()">Click me</button>

    <p id="demo"></p>    
</body>
</html>

我输了，有人可以帮忙吗？

Answer 1

目前您没有使用REST API，而是访问Restx UI界面的URL。您应该做的第一件事是将您正在使用的URL更新为：http://192.168.59.130:8080/api/list/nodes

您将在json中获取实体列表（至少，这是API方法的名称所暗示的内容），您可以在javascript中使用它来填充HTML表单。

与RestX网站进行HTML页面交互

1 个答案: