将 JSON 数组从控制器传递到 JavaScript 中的变量答案

【问题标题】：Pass JSON array from a controller to a variable in JavaScript将 JSON 数组从控制器传递到 JavaScript 中的变量
【发布时间】：2015-05-06 21:44:00
【问题描述】：

我从数据库创建了一个 JSON 数组，并在控制器中设置了它，如下所示：

public ActionResult highlight()
{
    var statesHighlight =
        db.Jobs
            .Select(r => r.State);
    return Json(statesHighlight , JsonRequestBehavior.AllowGet);
}

如何在我的视图中将其设置为 JavaScript 变量？我敢肯定有一个简单的方法，但我似乎无法弄清楚。我使用@Html.Action 还是@Url.Action？

编辑：以下是我目前为我正在使用的插件硬编码数据的方式：

<script type="application/json" id="map-data">
    ["CA","UT","FL","MT","WA","KS","KS","UT"]
</script>

<script>
    var data = $.parseJSON($('#map-data').text());
    var cities = $.parseJSON($('#city-data').text());


    $('img').mapster({
        mapKey: 'state',
        clickNavigate: true,
        isSelectable: false,
        highlight: false,
        onConfigured: function () {

            // make the array into a comma-sparated list
            var csv = data.join(',');

            var city_list = cities.join(',');

            // the 'set' activates the areas
            $('img').mapster('set', true, csv, options = { fillColor: '638EA5' });
            //altImage: '../Images/map_outline_blackStrokeDot.png'
            $('img').mapster('set', true, city_list, options = { fillColor: 'ffffff' });
        }
    });
</script>

【问题讨论】：

这是返回到 ajax 调用吗？
不，我正在使用名为 ImageMapster 的插件的数据来突出显示图像地图上的区域。
我对该插件一无所知，但您需要在问题中明确说明并显示您正在使用的相关脚本

标签： javascript asp.net json asp.net-mvc asp.net-mvc-4

【解决方案1】：

看看这个：

<script type="text/javascript">
    $(function () {
        $.getJSON('gimmearray'
            , null
            , function (data) {
                console.log(data);
            });
    });
</script>

还有控制器：

    public JsonResult GimmeArray()
    {
        string[] theArray = {"this", "is", "an", "array"};

        return Json(theArray, JsonRequestBehavior.AllowGet);
    }

在您的控制器上，您可能必须使用 ToArray 执行该查询。

【讨论】：