zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    8种Nosql数据库系统对比
    How to get the value of a form element : check box and radio button
    Jquery 操作Html 控件 CheckBox、Radio、Select 控件
    Reading CheckBoxes and Radio Buttons
    java中的匿名内部类总结
    如何理解java泛型类
    java 多态
    linux下使用 du查看某个文件或目录占用磁盘空间的大小
    内网ip范围
    Nginx配置优化参考
  • 原文地址:https://www.cnblogs.com/wintersun/p/2534975.html
Copyright © 2011-2022 走看看