C# 是一門強(qiáng)類型語言,為前端開發(fā)提供了各種數(shù)據(jù)類型和傳遞方式。因此,傳遞數(shù)據(jù)到前端時(shí)需要將其轉(zhuǎn)換為 JSON 格式,以便 JavaScript 可以輕松訪問。下面讓我們來看看如何將 C# 后臺(tái)的值傳遞到前臺(tái) JSON。
首先,需要在 C# 后臺(tái)創(chuàng)建一個(gè)對(duì)象,利用屬性來存儲(chǔ)需要傳遞到前端的值。
public class MyClass { public int Id { get; set; } public string Name { get; set; } }
然后,在后臺(tái)控制器中,創(chuàng)建一個(gè) MyClass 的實(shí)例,并將其轉(zhuǎn)換成 JSON 字符串。
public ActionResult MyAction() { MyClass myObj = new MyClass { Id = 1, Name = "John" }; string json = Newtonsoft.Json.JsonConvert.SerializeObject(myObj); return Content(json, "application/json"); }
這里使用 Newtonsoft.Json 庫中的 JsonConvert 類,將 myObj 序列化為 JSON 字符串,然后返回 ContentResult,MIME 類型為 "application/json",以便前端 JavaScript 輕松訪問。
最后,在前端 JavaScript 中,使用 Ajax 請(qǐng)求控制器并獲取 JSON 值。
$.ajax({ url: "/Controller/MyAction", type: "GET", dataType: "json", success: function(data) { console.log(data.Id); console.log(data.Name); } });
這里使用 jQuery 庫中的 Ajax 函數(shù),向控制器請(qǐng)求 JSON 數(shù)據(jù),然后在成功回調(diào)函數(shù)中訪問數(shù)據(jù)的屬性。
總結(jié),將 C# 后臺(tái)的值傳遞到前臺(tái) JSON 可以通過創(chuàng)建和序列化對(duì)象,返回 ContentResult 以及使用 JavaScript Ajax 函數(shù)來實(shí)現(xiàn)。