首页 > 软件开发 > ASP >

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

来源:互联网 2023-03-16 19:07:47 版权归原作者所有,如有侵权,请联系我们

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

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

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

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

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

工具/原料

  • VS2013

方法/步骤

  • 1

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

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

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

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

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

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

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

  • 2

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

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

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

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

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

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

  • 3

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

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

  • 4

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

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

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

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

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

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

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

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

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

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

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

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

  • 5

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 7

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

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

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

  • 8

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

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

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

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

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

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

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

  • 9

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

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

  • 10

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

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

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

  • 注意事项

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

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


    标签: asp

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