将模型数据传递给外部 javascript

Question

有没有办法将模型数据传递到外部 JavaScript，而无需在视图上隐藏变量。我正在使用 Google 地图显示图钉，地图是通过 javascript 加载的，同时我有（大）纬度、经度信息列表，作为我的模型数据的一部分，该数据是在我的请求期间获取的。我不想在我的 html 中有一长串隐藏变量，也不想再对服务器进行一次 ajax 调用，以在我的 javascript 中获取所需的信息（纬度/经度）。有什么办法可以有效地做到这一点吗？

谢谢。

Answer 1

简短的回答是“不”。

如果您需要在视图旁边返回原始数据模型，唯一的选择是将数据嵌入视图中。这两个选项是：

在 HTML 元素中（IMO 有点尴尬）：

<div id="myData" data-model="{"Name": "Jason"}"></div>

在脚本中：

<script>
  var myData = {Name: Jason};
</script>

我更喜欢第二种方法，因为没有 HTML 转义。

我同意必须这样做有点烦人，但一个请求就是一个请求......它只是一个数据流。以这种方式引导数据相当常见，因此 MVC 的未来版本可能会有一种更简洁的方式来返回它（但它可能看起来就像我上面的示例之一）。

除此之外，正如您所提到的，您可以执行额外的请求来仅接收 JSON 响应中的模型。

编辑：

我有一个 HtmlHelper 来帮助解决这个问题...

public static MvcHtmlString ToScriptVariable<T, TMember>(this T value, Expression<Func<T, TMember>> expression) where T : class 
{
    var member = expression.Body as MemberExpression;
    if (member == null)
        throw new ArgumentException("Expression must be a member expression.", "expression");

    var expressionValue = expression.Compile()(value);
    var serializer = new JavaScriptSerializer();
    var seralizedData = serializer.Serialize(expressionValue);

    var tag = new TagBuilder("script");
    tag.Attributes.Add("type", "text/javascript");
    tag.InnerHtml = String.Format(CultureInfo.InvariantCulture, "var {0} = {1};", member.Member.Name, seralizedData);

    return MvcHtmlString.Create(tag.ToString(TagRenderMode.Normal));
}

用法：

<%: Html.ToScriptVariable(x => Model.MyData) %>

结果：

<script type="text/javascript">var MyData = "(whatever)"</script>