首页 > 软件开发 > ASP >

asp.net mvc 实例demo【3】:传参到Controller

来源:互联网 2023-03-16 19:07:47 161

asp.net mvc从View到Controller传递参数常用的有如下几种:sWU办公区 - 实用经验教程分享!

1)Html.Action传参到Controller(将另一个页面加载到当前页面)sWU办公区 - 实用经验教程分享!

2)Form表单传参到Controller(URL/非URL两种传参)sWU办公区 - 实用经验教程分享!

3)JS的Get/Post传参到Controller(URL/非URL两种传参)sWU办公区 - 实用经验教程分享!

4)使用A标签传参(URL传参,因此可以不精确匹配路由传参)sWU办公区 - 实用经验教程分享!

工具/原料

  • VS2013

方法/步骤

  • 1

    1)项目创建请参见:sWU办公区 - 实用经验教程分享!

    http://jingyan.baidu.com/article/a3aad71a160b4ab1fb0096e1.htmlsWU办公区 - 实用经验教程分享!

    2)项目引用请参见:sWU办公区 - 实用经验教程分享!

    https://jingyan.baidu.com/article/dca1fa6f1fcc51f1a540524a.htmlsWU办公区 - 实用经验教程分享!

    3)从Controller到View传参:sWU办公区 - 实用经验教程分享!

    宿哨https://jingyan.baidu.com/article/d5c4b52b91d4aeda570dc552.htmlsWU办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【3】:传参到ControllersWU办公区 - 实用经验教程分享!

  • 2

    创建此次测试主页Index4的Action:sWU办公区 - 实用经验教程分享!

    public ActionResult Index4()sWU办公区 - 实用经验教程分享!

    {sWU办公区 - 实用经验教程分享!

    return View();sWU办公区 - 实用经验教程分享!

    }sWU办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【3】:传参到ControllersWU办公区 - 实用经验教程分享!

  • 3

    添加Index4页面,加入测试文字:测试从View到Controller传递参数sWU办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【3】:传参到ControllersWU办公区 - 实用经验教程分享!

  • 4

    添加此次测试辅助页面Index5的Action,用于接收参数,并将接收到的参数返回到界面上sWU办公区 - 实用经验教程分享!

    /// summary>sWU办公区 - 实用经验教程分享!

    /// 测试页面5(测试从View传递参数到Controller)sWU办公区 - 实用经验教程分享!

    /// /summary>sWU办公区 - 实用经验教程分享!

    /// returns>/returns>sWU办公区 - 实用经验教程分享!

    public ActionResult Index5(string id, string parm2)sWU办公区 - 实用经验教程分享!

    {sWU办公区 - 实用经验教程分享!

    ViewBag.Id = id;sWU办公区 - 实用经验教程分享!

    ViewBag.Parm2 = parm2;sWU办公区 - 实用经验教程分享!

    return View();sWU办公区 - 实用经验教程分享!

    }sWU办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【3】:传参到ControllersWU办公区 - 实用经验教程分享!

  • 5

    添加Index5的页面:sWU办公区 - 实用经验教程分享!

    sWU办公区 - 实用经验教程分享!

    @{sWU办公区 - 实用经验教程分享!

    Layout = null;sWU办公区 - 实用经验教程分享!

    }sWU办公区 - 实用经验教程分享!

    sWU办公区 - 实用经验教程分享!

    !DOCTYPE html>sWU办公区 - 实用经验教程分享!

    sWU办公区 - 实用经验教程分享!

    html>sWU办公区 - 实用经验教程分享!

    head>sWU办公区 - 实用经验教程分享!

    meta name="viewport" content="width=device-width" />sWU办公区 - 实用经验教程分享!

    title>Index5/title>sWU办公区 - 实用经验教程分享!

    /head>sWU办公区 - 实用经验教程分享!

    body>sWU办公区 - 实用经验教程分享!

    div>sWU办公区 - 实用经验教程分享!

    这是ViewBag.Id的值 = @(ViewBag.Id)sWU办公区 - 实用经验教程分享!

    /div>sWU办公区 - 实用经验教程分享!

    div>sWU办公区 - 实用经验教程分享!

    这是ViewBag.Parm2的值 = @(ViewBag.Parm2)sWU办公区 - 实用经验教程分享!

    /div>sWU办公区 - 实用经验教程分享!

    /body>sWU办公区 - 实用经验教程分享!

    /html>sWU办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【3】:传参到ControllersWU办公区 - 实用经验教程分享!

  • 5该信息非法爬取自百度经验
  • 6

    调试运行,注意,运行结果是Index页面的内容,因为路由默认的是Index页面,因此,需要在地址栏中输入 Home/index4 才能到达此次测试的页面sWU办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【3】:传参到ControllersWU办公区 - 实用经验教程分享!

  • 7

    第一种:使用内置的Html.Action加载随侵新sWU办公区 - 实用经验教程分享!

    @Html.Action("Index5", new { id = "id111111", parm2 = "parm11111111111" })sWU办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【3】:传参到ControllersWU办公区 - 实用经验教程分享!

  • 8

    第二种:使用Form表单传参sWU办公区 - 实用经验教程分享!

    form action="/Home/Index5" method="post">sWU办公区 - 实用经验教程分享!

    英宋 input type="text" value="id333333" name="id" />sWU办公区 - 实用经验教程分享!

    input type="text" value="parm2333333" name="parm2" />sWU办公区 - 实用经验教程分享!

    button type="submit">提交/button>sWU办公区 - 实用经验教程分享!

    /form>sWU办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【3】:传参到ControllersWU办公区 - 实用经验教程分享!

  • 9

    第三种:使用JS的Get/Post将值传到Controller,此处自行脑补sWU办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【3】:传参到ControllersWU办公区 - 实用经验教程分享!

  • 10

    第四种:使用A标签(比较特别的一种,具体的特别点下篇再聊)sWU办公区 - 实用经验教程分享!

    a href="/Home/Index5/id222222" target="_blank">使用A标签/a>sWU办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【3】:传参到ControllersWU办公区 - 实用经验教程分享!

  • 注意事项

    • 默认路由是到Index页面,所以,访问Index4页面,需要补齐url地址 home/index4

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!sWU办公区 - 实用经验教程分享!


    标签: asp

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码