需要如何从 Viewdata 列表填充 javascript 数组的简单示例

Question

可能有一种更简单的方法可以做到这一点，如果有的话我会洗耳恭听。 我的情况是我在表单上有一个下拉列表，我成功地用文本和值填充了该列表。 我还需要在客户端上可用的数据库表中的同一表行中提供其他相关字符串值，以便当用户从下拉列表中选择时，相关数据将填充在表单上的文本框中。 我只处理 4 条记录，因此存储在客户端上没什么大不了的。 我考虑过通过 ViewData 将这些数据作为列表传递并加载到 JavaScript 数组中。 当用户从下拉列表中选择时 - 我将确定所选索引并从数组中获取我需要的相关数据。 我已经将下拉项的值用于其他所需数据，因此我需要一种方法来获取这些相关数据，而无需返回服务器。 如果我走在正确的轨道上，有人可以发布一个简单的示例，使用 ViewData 中作为列表返回的字符串值填充 js 数组。

谢谢，

迈克

Answer 1

var myArray = [
<% foreach (string item in ViewData["list"] as List<string>) { %>
"<%= item %>",
<% } %>
];

据报道，末尾有逗号会在 IE 中中断，因此我建议使用视图扩展帮助程序方法来使代码更易于管理：

<%= Html.JavaScriptArray(ViewData["list"] as List<string>, "myArray") %>

将此帮助程序方法放在解决方案中的某个位置：

public static string JavaScriptArray(this HtmlHelper htmlHelper, IList<string> values, string varName) {
    StringBuilder sb = new StringBuilder("var ");
    sb.append(varName);
    sb.append(" = [");
    for (int i = 0; i < values.Count; i++) {
        sb.append("'");
        sb.append(values[i]);
        sb.append("'");
        sb.append(i == values.Count - 1 ? "\n" : ",\n"); // Not the prettiest but it works...
    }
    sb.append("];");
    return sb.toString();
}

从技术上讲，扩展方法可以去任何地方，您只需需要在 .aspx 文件中包含命名空间。 实际上，最好将它们保留在逻辑上独立的类中，例如 MyApp.Mvc.Extensions.JavaScriptExtensions、MyApp.Mvc.Extensions.LinkExtensions

Answer 2

怎么样...

<%= new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(ViewData["list"]) %>