将Go函数绑定到HTML/JS按钮的"onclick"事件

学习Golang要努力，但是不要急！今天的这篇文章《将Go函数绑定到HTML/JS按钮的"onclick"事件》将会介绍到等等知识点，如果你想深入学习Golang，可以关注我！我会持续更新相关文章的，希望对大家都能有所帮助！

我正在使用 go 的“net/http”包在 html 和 go 后端之间传递数据。例如，我们可以像这样使用图像的位置：

<img src={{.mypicture}} width=200 height=auto/>

我们可以做同样的事情，将函数传递到 html 并调用它们：

{{if .mybool}}
    {{.myfunction}}
{{end}}

现在我的问题是：如何设置按钮的响应来调用我的函数？我希望这能起作用，但事实并非如此：

<button onclick={{.ShowMoreLinks}}>Show more!</button>

我收到“[js] 需要声明或声明”。我尝试将其包装在脚本中（内联和标题中），但这些似乎都不起作用。 js 无法处理传入的变量。

解决方案

实际上，您正在使用 go 的模板机制来准备发送到浏览器的 html。这仅填充占位符，并最终仅生成一个字符串（在本例中为 html），该字符串将通过网络发送到浏览器进行解释。浏览器只能通过“onclick”等事件处理与用户的交互。此外，这些事件必须是 javascript 代码，例如 js 表达式或函数调用：

onclick="jsfunction()"

您可以让您的 go 模板提供要在占位符中调用的函数：

onclick="{{.JSFuncCall}}"

这里“.jsfunccall”必须计算为您必须在 js 客户端代码中定义的某些 js 函数名称（以及进行调用的括号）。然后，该 javascript 函数可以在某个特定 url 向服务器发出 xhr 调用，触发 go 处理程序，运行您想要运行的 go 代码，然后返回一个响应，您可以在 js 函数中处理该响应。

终于介绍完啦！小伙伴们，这篇关于《将Go函数绑定到HTML/JS按钮的"onclick"事件》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布Golang相关知识，快来关注吧！