如何在 Go 中动态更新模板部分？

在 Go 中动态更新模板部分

在 Go 中，修改变量时刷新模板的一部分的能力并不是天生的支持。要实现此功能，必须实现自定义解决方案。

实现步骤：

1. 重构模板：提取渲染使用 {{define "Addresses"}} 或 {{block 将地址放入单独的模板块中"Addresses"}}.
2. 修改/创建处理程序： 创建一个专门执行 Addresses 模板并将输出发送到 HTTP 响应的处理程序。该处理程序可以独立使用，也可以在整个页面模板的处理程序中使用。
3. 客户端逻辑：在客户端，当需要时，对地址处理程序执行 AJAX 调用更新显示的地址。将 Addresses 包装元素的内容替换为 AJAX 调用的响应。

详细步骤：

1. 模板重构：

   {{define "Addresses"}}
     <ul>
     {{range $key, $value := .Addresses}}
    <li>{{ $key }}: {{ $value }}</li>
     {{end}}
     </ul>
   {{end}}

2. 处理程序修改：

   import "net/http"
   
   func AddressesHandler(w http.ResponseWriter, r *http.Request) {
     data := map[string]string{"Addresses": []string{"Address1", "Address2"}}
     t, err := template.New("AddressesTemplate").Parse("{{define "Addresses"}}{{.Addresses}}{{end}}")
     if err != nil {
    http.Error(w, http.StatusInternalServerError.String(), http.StatusInternalServerError)
    return
     }
     err = t.ExecuteTemplate(w, "Addresses", data)
     if err != nil {
    http.Error(w, http.StatusInternalServerError.String(), http.StatusInternalServerError)
    return
     }
   }

3. 客户端实现：

   var addressesElement = document.getElementById("addresses");
   
   function refreshAddresses() {
     var xhr = new XMLHttpRequest();
     xhr.open("GET", "/addresses", true);
     xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      addressesElement.outerHTML = xhr.responseText;
    }
     };
     xhr.send();
   }

替代框架：

Gowut 是一个 Go Web 框架，为动态部分更新提供类似的功能网页。

以上是如何在 Go 中动态更新模板部分？的详细内容。更多信息请关注PHP中文网其他相关文章！