Bagaimana untuk Melayan Fail Statik dalam Penghala Gin dengan Panggilan AJAX?

Menyediakan Akses kepada Fail Statik dalam Penghala Gin

Dalam panduan ini, kami akan menangani cabaran untuk menyediakan fail JSON dalam pelayan Gin. Selain itu, kami berhasrat untuk mendayakan penyesuaian fail HTML menggunakan JavaScript untuk memanggil data JSON.

Struktur aplikasi terdiri daripada yang berikut:

• main.go: Fail logik utama

• templat: Direktori yang mengandungi fail HTML dan JSON

  • index.html: Fail HTML
  • web.json: Fail JSON

Fail main.go termasuk import yang diperlukan dan mentakrifkan penghala.

<code class="go">package main

import (
    "net/http"

    "github.com/gin-gonic/gin"
)

var router *gin.Engine

func main() {
    router = gin.Default()
    router.LoadHTMLGlob("templates/*")

    // Register custom route for serving static JSON file
    router.StaticFS("/web.json", http.Dir("./templates"))

    // Route for rendering the HTML template
    router.GET("/web", func(c *gin.Context) {
        c.HTML(
            http.StatusOK,
            "index.html",
            gin.H{
                "title": "Web",
                "url":   "/web.json",
            },
        )
    })

    router.Run()
}</code>

Dalam index.html, kod JavaScript menggunakan URL yang disediakan untuk membuat panggilan AJAX untuk mendapatkan semula data JSON.

<code class="html"><script>
    window.onload = function() {
        const ui = SwaggerUIBundle({
            url: "{{ .url }}",
            dom_id: '#swagger-ui',
            // ...
        })
        // End Swagger UI call region

        window.ui = ui
    }
</script></code>

Dengan menentukan laluan staticFS untuk menyampaikan fail web.json, kami memastikan kebolehaksesannya untuk panggilan AJAX dalam templat HTML. Ini menyelesaikan ralat pengambilan yang dihadapi sebelum ini.

Atas ialah kandungan terperinci Bagaimana untuk Melayan Fail Statik dalam Penghala Gin dengan Panggilan AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!