asp.net-mvc-2 – 将模型数据传递给外部javascript

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

在一个HTML元素(一种尴尬的IMO)：

<div id="myData" data-model="{&quot;Name&quot;: &quot;Jason&quot;}"></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>