JavaScript を使用して MVC モデルのプロパティにアクセスするにはどうすればよいですか?

JavaScript での MVC モデル プロパティへのアクセス

質問: JavaScript コードで View Model にバインドされたデータにアクセスするにはどうすればよいですか?たとえば、JavaScript で FloorPlanSettingsModel のプロパティにアクセスするにはどうすればよいですか?

最初に試してみましょう:

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

答え:

JavaScript から MVC モデルのプロパティにアクセスするには、モデルを JavaScript オブジェクトにシリアル化する必要があります。その方法は次のとおりです:

モデル全体をシリアル化します:

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

特定のモデル プロパティをシリアル化します:

FloorPlanSettings などの特定の属性のみが必要な場合は、属性をエンコードするだけです:

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

シリアル化された JavaScript オブジェクトを使用してプロパティにアクセスできるようになりました:

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

以上がJavaScript を使用して MVC モデルのプロパティにアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。