2012-06-04 来自：CNBLOGS
Asp.net MVC 3 中Session与ViewBag传值到Javascript中， 主要方法有：
1. 使用Javascript Variable
假设有say _layout.cshtml
<head> ... <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> @RenderSection("my_script_variables", false) <script src="@Url.Content("~/Scripts/external.js")" type="text/javascript"></script> ... </head>增加到你的View:
@Section my_script_variables { <script type="text/javascript"> var variable1 = '@myVar1', variable2 = '@Session["myVar2"]', variable3 = '@ViewBag.myVar3'; </script> }
假设你有这样的Value:
@{ String myVar1 = "First"; Session["myVar2"] = "Second"; ViewBag.myVar3 = "Third"; }
在外部的Js文件中，你到得来First Second Third的alert消息。
alert(variable1 + ' ' +variable2 +' '+ variable3);
2.使用Controller的特性
可以放一个参数到你的控件
<input type="hidden" value="@Session["myVar2"]" id="myHiddenVar" />然后
alert($('#myHiddenVar').val());
也可以使用Data特性:
<a id="myLink" data-variable1="@myVar1" data-variable2="@Session["myVar2"]" data-variable3="@ViewBag.myVar3"> Test</a>
然后在外面引用的JS中:
$('#myLink').click(function () {alert($(this).data('variable1')+' ' +$(this).data('variable2')+' '+$(this).data('variable3')); });
我们得到同样的结果
3.RazorJS
你可以从NuGet安装它. 它允许你写Razor风格的C#代码在Js文件中。
View:
@{ String var1 = "First"; Session["var2"] = "Second"; ViewBag.var3 = "Third"; Dictionary<string, string> test1 = new Dictionary<string, string>(); test1.Add("var1", var1); test1.Add("var2", Session["var2"].ToString()); test1.Add("var3", ViewBag.var3); } @Html.RazorJSInline("~/Scripts/external.js", test1);
然后在外部的external.Js中：
@{ var myobj = (Dictionary<string, string>)Model; } alert('@myobj["var1"]' +' '+ '@myobj["var2"]'+' ' +'@myobj["var3"]');
最后还是同样的结果。
希望对你Web开发有帮助。
作者：wintersun