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 :

var floorplanSettings = "@Model.FloorPlanSettings";
alert(floorplanSettings.IconsDirectory);

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 :

var model = @Html.Raw(Json.Encode(Model));

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 :

var floorplanSettings = @Html.Raw(Json.Encode(Model.FloorPlanSettings));

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

alert(floorplanSettings.IconsDirectory);  // 访问IconsDirectory属性

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!