javascript - 从 HTML 调用 Golang

问题描述

我正在帮助一个开源项目。它是在包含 Raspberry Pi 的设备上运行的小型 Go 网络服务器。我希望能够让用户单击 html 屏幕上的按钮，该按钮调用 Go 中的例程，该例程返回 2 个值，一个布尔值和一个字符串。

我们想要做的是查看树莓派上哪些网络接口已启动，例如局域网连接是否已启动？

为此，我真的需要从每个界面 ping 一个站点。这对于 3 个接口中的每一个都需要几秒钟：Lan、WiFi 和 3G。

我可以在请求页面时执行此操作，并在页面加载时填写 html 模板，但这意味着页面加载可能要等待 10 到 15 秒，所以看起来有些东西坏了。

因此，我希望能够列出页面上的 3 个接口中的每一个，并让用户单击“测试”，然后调用底层 Go 网络服务器中的例程。

然后，我需要能够在每个界面的几个文本区域中显示调用结果。

我试过的：

我尝试使用 net/html 包中的 funcmap 注册 Go 函数（在本例中为 IsLANConnectionUp），并从 JavaScript 函数的 html 模板调用它，如下所示：

  <button onclick = "getLANStatus()" class="btn btn-primary">Test</button>
 
  <script>
    function getLANStatus() {
        var status = document.getElementById('status');
        {{ if IsLANConnectionUp }}
          status.innerHTML = "Lan is up!"
        {{ else }}
          status.innerHTML = "Lan is down!"
        {{ end }}
    }
  </script>

但是在 javascript 代码中包含模板代码似乎不起作用。另外，我想要 ping 命令的文本输出（我的 Go 函数 getLANStatus 并且我不知道如何从函数调用中提取该数据。文档说只能返回一个值。

在 StackOverflow 上搜索我看到了这个：从 javascript 代码中调用 Golang 函数

$.ajax({
  url: "http://www.example.com/signup",
  data: {username: "whatever"} //If the request needs any data 
}).done(function (data) {
  // Do whatever with returned data
});

但它说诸如“//对返回的数据做任何事情”之类的东西我是网络编程新手，所以不知道如何使用该代码。如果这是要走的路，有人可以扩展一下吗？

任何帮助将非常感激。

标签： javascripthtmlgoraspberry-pi

所以在这里结合不同的概念。

渲染：对生成Test按钮的 html 的初始请求。您的 go 服务器将呈现该 html 1 次并将其返回到您的浏览器。它不会动态地重新请求，除非你连接一些东西来改变网页。

客户：所以当有人点击你的按钮时，函数getLANStatus就会运行。您将希望该功能做一些事情

通过 ajax，通过 api 与您的 go 服务器通信，该 api 将您的连接状态作为 json 对象返回。就像是

{“3g”：“up”，“lan”：“down”，“wifi”：“up”}
其次，在done您的 ajax 部分，您将操作 DOM 中的某些内容，以传达接口的状态就是它的本来面目。您可以通过查找元素，然后将文本更改为对象返回的内容来做到这一点。

作为一个简单的第一步，您可以alert在函数中的有效负载看起来像这样

$.ajax({
  url: "http://YOUR_GO_SERVER_IP_OR_DNS:PORT/interfaces_status.json"
}).done(function (data) {
  alert(data);
  console.log(data);
  debugger;
});

然后，如果您要求在 chrome 中打开控制台，您将能够直接使用返回的data内容，以便您知道它的所有响应。

javascript - 从 HTML 调用 Golang

问题描述

解决方案

推荐阅读