Bagaimanakah JavaScript Boleh Mengakses Sifat Model MVC?

Mengakses Sifat Model MVC dalam JavaScript

Panduan ini menunjukkan cara untuk mengakses sifat model MVC dalam kod JavaScript anda.

Cabaran:

Bayangkan aplikasi MVC di mana model paparan merangkum model yang kompleks, contohnya:

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

Objektifnya ialah untuk mendapatkan semula sifat tertentu, seperti IconsDirectory, daripada model sisi pelayan ini menggunakan JavaScript.

Penyelesaian:

Proses ini melibatkan dua langkah utama:

1. Pensiri JSON: Tukar model kepada format JSON mesra JavaScript menggunakan kaedah Json.Encode Razor:

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

2. Akses Harta: Setelah bersiri, akses harta yang diingini terus daripada objek JSON:

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

Pendekatan ini membolehkan kod JavaScript anda berinteraksi dengan lancar dan menggunakan data daripada model MVC sebelah pelayan anda.

Atas ialah kandungan terperinci Bagaimanakah JavaScript Boleh Mengakses Sifat Model MVC?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!