如何使用通过模型列表发送的数据在 javascript 中填充数组答案

【问题标题】：How to populate an array in javascript using data sent through Model List如何使用通过模型列表发送的数据在 javascript 中填充数组
【发布时间】：2011-03-21 09:49:56
【问题描述】：

我的模型中有一个列表，EmployeeList

在我的视图中，我想从 EmployeeList（来自模型）填充一个数组并将其用作标签的自动完成。似乎没有从列表中填充数组，也没有自动完成工作。请帮忙。

View中的代码如下：

 <title>jQuery Autocomplete example</title>
<script type="text/javascript" src="../../scripts/jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../scripts/jquery.autocomplete.js"></script>

<!-- Listing 14.3 -->
<script type="text/javascript">
    $(document).ready(function() {

    var employeeList = '@Model.EmployeeLis.toArray();'


        $("#tags").autocomplete({
            source: employeeList

        });
    });
</script>

 <h1>Type your name here</h1>
<%= Html.TextBox("tags") %>

【问题讨论】：

标签： jquery asp.net-mvc-3 razor

【解决方案1】：

您可以使用JavaScriptSerializer 类来生成模型数组的 JSON 表示：

@using System.Web.Script.Serialization
<title>jQuery Autocomplete example</title>
<script type="text/javascript" src="@Url.Content("~/scripts/jquery-1.2.6.js")"></script>
<script type="text/javascript" src="@Url.Content("~/scripts/jquery.autocomplete.js")"></script>
<!-- Listing 14.3 -->
<script type="text/javascript">
    $(function() {
        var employeeList = @Html.Raw(new JavaScriptSerializer().Serialize(Model.EmployeeList));
        $('#tags').autocomplete({
            source: employeeList
        });
    });
</script>

还要注意我在脚本包含中使用 Url.Content 帮助程序的方式，以避免在部署应用程序时硬编码 url。

【讨论】：