Comment puis-je accéder à un tableau Go à partir de Javascript dans un modèle HTML ?

Référencement de Go Array en Javascript

Lors de l'intégration de Golang et Javascript dans une application Web, il est courant de rencontrer des difficultés pour accéder aux structures de données Go à partir de Javascript. Cet article aborde la problématique du référencement d'un tableau Go en Javascript au sein d'un modèle HTML.

Le défi

L'impossibilité d'accéder directement aux tableaux Go en Javascript est due à la séparation du côté serveur ( Go) et côté client (Javascript). Les actions du modèle Go sont traitées sur le serveur tandis que le code Javascript s'exécute sur le client. Par conséquent, les paramètres de modèle tels que les tableaux n'existent pas dans le contexte Javascript.

Solution n°1 : Utiliser les actions de modèle

Si l'objectif est de parcourir le tableau une seule fois, il est possible d'utiliser Go actions de modèle pour restituer les éléments du tableau sans créer de tableau Javascript. L'action {{range .Array}} boucle sur le tableau et le bloc peut être utilisé pour imprimer chaque élément.

Par exemple :

{{range .Array}}
    {{.}}
{{end}}

Solution n°2 : Créer un Javascript Array

Pour rendre le tableau Go disponible pour un traitement Javascript ultérieur, vous pouvez utiliser un modèle pour générer du code Javascript qui recrée le tableau côté client. Voici un exemple :

<script>
    var arr = [
        {{range .Array}}
            {{.}},
        {{end}}
    ];

    // Now you have a Javascript array: arr
</script>

Alternativement, puisque les tableaux peuvent être rendus sous forme de tableaux Javascript dans les modèles, vous pouvez simplifier le code pour :

<script>
    var arr = {{.Array}};

    // Now you have a Javascript array: arr
</script>

Cette solution vous permet de recréer le tableau en Javascript et utilisez-le pour tout traitement nécessaire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!