Asp.net MVC3中Session與ViewBag傳值到Js中 @ 自由手記

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的特性

可以放一個參數到你的控制項

然後

alert($('#myHiddenVar').val());

也可以使用Data特性:

然後在外面引用的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開發有説明。

作者：Petter Liu

出處：HTTP://www.cnblogs.com/wintersun/