使用 Golang 从 HTML 页面中调用

Go 语言中使用 HTML 页面调用底层例程时，需要考虑页面加载延迟和接口状态实时显示等问题。该解决方案提出了一种通过 Ajax 与 Go 服务器通信的方法，服务器以 JSON 格式返回接口连接状态。客户端 JavaScript 随后通过 Ajax 请求从服务器获取状态，并在 DOM 中更新文本以反映接口状态。该方法将接口状态显示与 HTML 页面加载分离，从而避免页面加载延迟，并允许用户单击按钮实时查看接口状态。

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

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

为此，我确实需要从每个接口 ping 一个站点。对于 3 个接口：lan、wifi 和 3g，每个接口都需要几秒钟的时间。

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

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

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

我尝试过的：

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

  test
 
  

但是在 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
});

但它说的是“//对返回的数据执行任何操作”之类的内容，我是网络编程新手，所以不知道如何使用该代码。如果这是要走的路，有人可以详细说明一下吗？

任何帮助将不胜感激。

解决方案

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

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

客户端：所以当有人点击你的按钮时，函数 getlanstatus 将被运行。您将希望该函数执行一些操作

1. 通过 ajax，通过 api 与您的 go 服务器通信，该 api 将以 json 对象的形式返回连接状态。类似的东西

   { “3g”：“向上”， “lan”：“向下”， “wifi”：“上” }

2. 其次，在 ajax 的 done 部分中，您将操作 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，以便您知道它的响应内容。

以上就是《使用 Golang 从 HTML 页面中调用》的详细内容，更多关于的资料请关注golang学习网公众号！