如何转换 C# 列表<string[]>到 Javascript 数组? [英] How do I convert a C# List&lt;string[]&gt; to a Javascript array?

问题描述

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

I have a datatable that I'm converting into a List, serializing it and passing it to my view using a viewmodel.

我的视图模型如下所示:

My viewmodel looks like this:

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

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

My controller action looks like the following:

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);

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

Then in my view I get the following string of addresses:

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

我应该如何将这个位于剃刀模型中的序列化字符串放入 javascript 数组中?

How am I supposed to get this serialized string residing in a razor model into a javascript array?

推荐答案

你可以直接将值注入 JavaScript:

You could directly inject the values into JavaScript:

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

参见 JSON.parse, Html.Raw

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

Alternatively you can get the values via 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

这篇关于如何转换 C# 列表<string[]>到 Javascript 数组?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！