如何将 C# List<string\[\]> 转换为 Javascript 数组？

Question

我有一个数据表，我正在将其转换为列表，对其进行序列化并使用视图模型将其传递给我的视图。

我的视图模型如下所示：

 public class AddressModel
{
    public string Addresses { get; set; }
}

我的控制器操作如下所示：

 AddressModel lAddressGeocodeModel = new AddressGeocodeModel();
List<string[]> lAddresses = new List<string[]>();

string lSQL = " select Address1, CityName, StateCode, ZipCode " +
                      " from AddressTable  ";

// Convert the data to a List to be serialized into a Javascript array.
//{
...data retrieval code goes here...
//}
foreach (DataRow row in AddressTable.Rows)
{
    string[] lAddress = new string[5];
    lAddress[1] = row["Address1"].ToString();
    lAddress[2] = row["CityName"].ToString();
    lAddress[3] = row["StateCode"].ToString();
    lAddress[4] = row["ZipCode"].ToString();
    lAddresses.Add(lAddress);
}

lAddressGeocodeModel.UnitCount = lAddresses.Count().ToString();
// Here I'm using the Newtonsoft JSON library to serialize my List
lAddressGeocodeModel.Addresses = JsonConvert.SerializeObject(lAddresses);

return View(lAddressModel);

然后在我看来，我得到以下地址字符串：

 [["123 Street St.","City","CA","12345"],["456 Street St.","City","UT","12345"],["789 Street St.","City","OR","12345"]]

我应该如何将驻留在剃刀模型中的序列化字符串放入 javascript 数组中？

原文由 bynary 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以直接将值注入 JavaScript：

 //View.cshtml
<script type="text/javascript">
    var arrayOfArrays = JSON.parse('@Html.Raw(Model.Addresses)');
</script>

见 JSON.parse ， Html.Raw

或者，您可以通过 Ajax 获取值：

 public ActionResult GetValues()
{
    // logic
    // Edit you don't need to serialize it just return the object

    return Json(new { Addresses: lAddressGeocodeModel });
}

<script type="text/javascript">
$(function() {
    $.ajax({
        type: 'POST',
        url: '@Url.Action("GetValues")',
        success: function(result) {
            // do something with result
        }
    });
});
</script>

参见 jQuery.ajax

原文由 Dustin Kingen 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

Json Parse 的许多方法，但我找到了最有效的方法

 @model  List<string[]>

     <script>

         function DataParse() {
             var model = '@Html.Raw(Json.Encode(Model))';
             var data = JSON.parse(model);

            for (i = 0; i < data.length; i++) {
            ......
             }
         }
     </script>

原文由 Mehul Bhalala 发布，翻译遵循 CC BY-SA 4.0 许可协议