Comment puis-je accéder aux propriétés du modèle MVC à l'aide de JavaScript ?

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

Question : Comment accéder aux données liées à un modèle de vue en code JavaScript ? Par exemple, comment puis-je accéder aux propriétés de FloorPlanSettingsModel en JavaScript ?

Premier essai :

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

Réponse :

Pour accéder aux propriétés du modèle MVC à partir de JavaScript, le modèle doit être sérialisé dans un objet JavaScript. Voici comment procéder :

Sérialiser l'ensemble du modèle :

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

Sérialiser les propriétés spécifiques du modèle :

Si vous n'avez besoin que d'un attribut spécifique, tel que FloorPlanSettings, encodez simplement l'attribut :

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

Vous pouvez désormais accéder aux propriétés à l'aide d'objets JavaScript sérialisés :

<code class="language-javascript">alert(floorplanSettings.IconsDirectory);  // 访问IconsDirectory属性</code>

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!