[转]Asp.net MVC3 中Session与ViewBag传值到JS简介

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

转载于:https://www.cnblogs.com/Raywang80s/archive/2012/11/21/2780293.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值