将 Golang 变量分配给 Javascript

Question

目前，我遇到了一个与将Golang变量分配给Javascript变量相关的问题。我正在使用Golang模板，因此，我从后端发送了一个JSON变量，就像这样：

 var c []models.C
 b, _ := json.Marshal(c)
 err = tpl.ExecuteTemplate(w, "index.gohtml",string(b))

如您所见，我有一个切片，将其转换为Json，然后将Json转换为string，并将其发送到模板。然后，在前端我需要把它赋给一个变量，它应该是有效的JSON，我有这个:

var rowData = {{.}};

但是，我得到的是语法错误：预期的属性名，得到的是“｛”

所以，我的问题是:我应该如何分配JSON？

Answer 1

您可以编写自定义模板函数，将结构封送到json中。这样，您就不必自己在处理程序中封送所有结构。特别是当您需要HTML模板和JS脚本中的结构时。

使用杜松子酒的示例。

主要是。go文件。

    router := gin.New()
    router.SetFuncMap(template.FuncMap{
        "json": func(s interface{}) string {
            jsonBytes, err := json.Marshal(s)
            if err != nil {
                return ""
            }
            return string(jsonBytes)
        },
    })

在处理程序函数中。

type MyStruct struct {
    Foo string `json:"foo"`
}

func Handler(ctx *gin.Context) {
    myStruct := MyStruct{
        Foo: "test",
    }
    
    ctx.HTML(http.StatusOK, "template-file.go.html", gin.H{
        "MyStruct":   myStruct,
    })
}

最后，在您的template.go.html文件中添加一个脚本标记并在此处定义您的全局变量。稍后您可以在JS文件中访问它们。

<script type="text/javascript">
    // NB on JSON.parse and json functions!
    let event = JSON.parse({{ json .MyStruct }});
</script>

// Below you can import your JS file as usual.
<script type="text/javascript" src="/assets/js/index.js"></script>

Answer 2

首先，您必须使用 html/template 而不是文本/模板，因为前者提供上下文相关的转义。

其次，在模板中，上下文必须明确它是JavaScript代码，例如它必须在超文本标记语言中

请参阅此工作示例：

type Point struct {
    Name string
    X, Y int
}

func main() {
    t := template.Must(template.New("").Parse(src))

    p := Point{"Center", 100, 200}
    pj, err := json.Marshal(p)
    if err != nil {
        panic(err)
    }

    if err = t.Execute(os.Stdout, string(pj)); err != nil {
        panic(err)
    }
}

const src = `<script>
var point = {{.}};
alert(point);
</script>`

输出（在Go Playground上尝试）：

<script>
var point = "{\"Name\":\"Center\",\"X\":100,\"Y\":200}";
alert(point);
</script>

如您所见，JavaScript 变量包含有效的 JSON 文本（JavaScript 对象），已正确转义。