Comment puis-je accéder aux propriétés du modèle ASP.NET MVC à partir de JavaScript ?

Accès aux données du modèle ASP.NET MVC en JavaScript

Dans ASP.NET MVC, JavaScript ne peut pas accéder directement aux propriétés du modèle. Pour utiliser les données du modèle dans votre code JavaScript, vous devez d'abord les sérialiser dans un objet JavaScript.

Exemple illustratif :

Disons que nous avons un modèle MVC :

<code class="language-csharp">public class MyModel
{
    public int MyId { get; set; }
    public string MyString { get; set; }
    public bool MyBoolean { get; set; }
}</code>

Pour accéder à MyString en JavaScript, suivez ces étapes :

1. Sérialiser le modèle : Utilisez Json.Encode dans votre vue Razor pour convertir le modèle en chaîne JSON. Cette chaîne peut ensuite être utilisée pour créer un objet JavaScript.

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

   Copier après la connexion

2. Accéder à la propriété : Une fois le modèle disponible en tant qu'objet JavaScript, vous pouvez accéder à ses propriétés :

   <code class="language-javascript">alert(myModel.MyString);</code>

   Copier après la connexion

Alternativement, si vous n'avez besoin que d'une propriété spécifique ou d'un sous-ensemble de votre modèle, vous pouvez sérialiser uniquement cette partie :

<code class="language-csharp">   <script>
       var myStringProperty = @Html.Raw(Json.Encode(Model.MyString));
   </script></code>

<code class="language-javascript">   alert(myStringProperty);</code>

Cette approche garantit une intégration transparente de vos données de modèle côté serveur dans votre fonctionnalité JavaScript côté client. N'oubliez pas de gérer les valeurs nulles potentielles de manière appropriée dans votre code JavaScript.

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!