Bagaimana Mengemas kini Separa Templat Secara Dinamik dalam Go?

Kemas Kini Separa Templat Secara Dinamik dalam Go

Dalam Go, keupayaan untuk menyegarkan sebahagian daripada templat apabila pembolehubah diubah suai tidak semestinya disokong. Untuk mencapai fungsi ini, penyelesaian tersuai mesti dilaksanakan.

Langkah Pelaksanaan:

1. Templat Refactor: Ekstrak bahagian yang memaparkan Alamat ke dalam blok templat yang berasingan menggunakan {{define "Addresses"}} atau {{block "Alamat"}}.
2. Ubah suai/Buat Pengendali: Cipta pengendali yang melaksanakan templat Alamat secara eksklusif dan menghantar output kepada respons HTTP. Pengendali ini boleh digunakan secara bebas atau dalam pengendali untuk templat halaman penuh.
3. Logik Sisi Pelanggan: Di pihak klien, lakukan panggilan AJAX kepada pengendali Alamat apabila anda perlu kemas kini alamat yang dipaparkan. Gantikan kandungan elemen pembalut Alamat dengan respons daripada panggilan AJAX.

Langkah Secara Terperinci:

1. templat Pemfaktoran semula:

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

2. Pengubahsuaian Pengendali:

   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. Pihak Pelanggan Pelaksanaan:

   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();
   }

Rangka Kerja Alternatif:

Gowut ialah rangka kerja web Go yang menyediakan kefungsian serupa untuk kemas kini separa dinamik dalam halaman web.

Atas ialah kandungan terperinci Bagaimana Mengemas kini Separa Templat Secara Dinamik dalam Go?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!