如何分配列表 <string> 到ViewBag並在JavaScript中使用？

Question

我創建並將值分配給控制器中的字符串列表。 我想將值列表分配給JavaScript變量。 我怎樣才能做到這一點？

控制器：

List<string> fruits = new List<string>();
list.Add('Apple');
list.Add('Banana');
list.Add('Kiwi');
ViewBag.FruitList = fruits;

視圖：

var fruitList = '@ViewBag.FruitList';

當我運行程序時， fruitList以System.Collections.Generic.List 1[System.String]

Answer 1

方式1：

您可以使用Html.Raw()和Json.Encode ：

var fruitList = @Html.Raw(Json.Encode(ViewBag.FruitList));

方式2：

您可以將Json.Parse()與Html.Raw()結合使用來將原始字符串解析為json：

var fruitList = JSON.parse('@Html.Raw(ViewBag.FruitList)');

方式3：

你也可以使用JsonConvert類使用NewtonSoft JSON將它序列化為json：

var fruitList = '@JsonConvert.Serialize(ViewBag.FruitList)';