Comment JavaScript peut-il accéder aux propriétés du modèle MVC ?

Accès aux propriétés du modèle MVC dans JavaScript

Ce guide montre comment accéder aux propriétés d'un modèle MVC dans votre code JavaScript.

Le défi :

Imaginez une application MVC où un modèle de vue encapsule un modèle complexe, par exemple :

<code class="language-csharp">public class FloorPlanSettingsModel
{
    public int Id { get; set; }
    // ... other properties, including IconsDirectory
}</code>

L'objectif est de récupérer une propriété spécifique, comme IconsDirectory, à partir de ce modèle côté serveur à l'aide de JavaScript.

La solution :

Le processus comporte deux étapes clés :

1. Sérialisation JSON : Convertissez le modèle dans un format JSON compatible avec JavaScript à l'aide de la méthode Json.Encode de Razor :

   <code class="language-javascript">var model = @Html.Raw(Json.Encode(Model)); </code>

2. Accès à la propriété : Une fois sérialisé, accédez à la propriété souhaitée directement depuis l'objet JSON :

   <code class="language-javascript">var floorplanSettings = @Html.Raw(Json.Encode(Model.FloorPlanSettings));
   alert(floorplanSettings.IconsDirectory);</code>

Cette approche permet à votre code JavaScript d'interagir et d'utiliser de manière transparente les données de votre modèle MVC côté serveur.

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!