Asp.net MVC 3 中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的特性

可以放一個參數到你的控件

<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開發有幫助。

您可能感興趣的POST

Asp.net MVC中的ViewData與ViewBag


作者:Petter Liu
出處:http://www.cnblogs.com/wintersun/
本文版權歸作者和博客園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責任的權利。
該文章也同時發布在我的獨立博客中-Petter Liu Blog


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM