【MVC】传值大全参考

写在前面的

   传值的问题在MVC中也算是一个比较丰富的机制,我们可以借助各种方式和工具组件在Controller和View中来回传递参数。常用的有这么几种方式,Controller<—->View;Action<—->Action;以及Controller<—->Controller

传参方式

Controller与View之间

ViewBag

  • ViewBag比较灵活,可以自定义属性,和ViewData类似。但是ViewBag的好处就是可以通过HtmlHelper的TextBox来自动实现数据绑定。
//在控制器中

    ViewBag.mvcname= "myfirstframe";    
    ViewBag.mvcads= "fast";    
//在页面中

    <div>
        @Html.TextBox("mvcname")    
        @ViewBag.mvcads
    </div>
  • 同样,viewBag还可以用来拼页面,这样,我们就可以把所有的页面写在Controller里面,简化View的页面代码,如图:
    这里写图片描述

  • 在页面中直接使用拼接好的页面即可:
    这里写图片描述

ViewData

  • 和ViewBag的用法相差不是很多,ViewData的形式采用Key-Value来进行识别并显示Value值。
//在controller中

    String mvc ="what an ammazing frame is!"
    ViewData["stringMvc"]=mvc;  
//在页面中

    <div>
        <font>How do you like MVC?</font>
    </div>
    <div>
        <font>@ViewData["stringMvc"]</font>
    </div>

JS

  • 通过JS传值的方法就比较多了,我们最常用的是AJAX,其次还有通过ulr来传值
Ajax
  • 使用AJAX传值的话是一种比较方便的方式,主要是运用了JQ中封装好的一些传值方法,来参与View与Controller之间的相互传值。
//页面中的方法
/*ajax有一套自己的固定写法,如下所示,只要按照固定的格式,就可以实现前后台相互传值*/

    $(document).ready(function () {
    $.ajax({
        //指定Url,格式“Controller名字/Action方法名”
        url: 'SubmitSuccess/GetAnnounce',

        //传值方式,post/get
        type: 'get',

        //指定返回值类型
        dataType: 'json',

        //返回值data如果不是空值,也就是返回成功,那么执行function中的代码
        success: function (data) {
            for (var i = 0; i < data.length; i++) {
                $(".content" + i).html(data[i].announceContent);
            }
            executeQueryName();
        }
    });
    //在SubmitSusseccController中是这样的形式
    public ActionResult GetAnnounce()
        {
            List<t_announce> data = new List<t_announce>();
            SubmitSuccessBLL getallannounce = new SubmitSuccessBLL();
            data = getallannounce.GetAnnounce();
            return Json(data, JsonRequestBehavior.AllowGet);
        }
URL
  • 再有就是通过地址栏中的url进行传值了,网上有好多已经封装好的JS代码,这里就不再展示了,我用一个简单的例子来展示一下简单的获取原理。
    //rul传值可以灵活运用,可以在View与Controller之间,也可以是view与view之间
    //我们要做的就是把地址栏的rul改变,然后再获取并修改
    //html片段
    <body>
        <div id="mvcurl">MVC URL GET</div>
    <body>
    //如何将div的innerHtml获取
    <script type="text/javascript">
        function geturl(){
            var prop = document.getElementById("mvcurl");
            //获取内容
            var propdoc= prop.innerHTML;
            //将地址栏rul添加参数
            var url = "mvcurl" + "?" + "content" + propdoc;
            window.location.assign(url);
        }
    </script>
  • 在执行完上面的方法之后,地址栏的链接会变成:
    这里写图片描述

  • 我们在另一个页面或者后台怎么获取这个innerHTML呢?

<script type="text/javascript">
    var url = location.href;  
    //将链接地址以"?"划分成为两部分,获取第二部分
    var url2 = url.split("?")[1];  
    //将链接的第二部分再以“=”划分,取第二部分
    var url3= url2.split("=")[1];  
    //这个时候我们就获取到了“MVC URL GET”的内容
    var content = url3;  
</script>

Action与Action之间(Controller内部)

  • 如果需要在Controller内部传值的话,就需要用到TempData,和ViewData一样,只不过ViewData做不到不同Action之间的传值罢了。

    public ActionResult Indexa(){
        TempData["mvc"]="mvc oh yellllllllll";
        return View();
    }

    public ActionResult Indexb(){
        String mvc = TempData["name"].toString;
        return View();
    }

总结

   还有一种controller与controller之间传值的方法,由于不常用,暂时在这里就不做说明了,总之掌握以上常用的方法,会很方便的我们对页面的调用和传值。

评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值