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

Barbara Streisand
Lepaskan: 2024-11-04 05:46:29
asal
447 orang telah melayarinya

How to Serve Static Files in Gin Router with an AJAX Call?

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!