.NET MVC从视图传参到控制器的3种形式


本文摘自PHP中文网,作者PHPzhong,侵删。

这篇文章主要介绍了ASP.NET MVC从视图传参到控制器的几种形式,非常不错,具有参考借鉴价值,需要的朋友可以参考下

1. 传递数组


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

$(function () {

      var value = ["C#", "JAVA", "PHP"];

      $("input[type='button']").click(function () {

        $.ajax(

          {

            url: "/Home/List",

            type: "Get",

            data: { valuelist: value },

            traditional: true, //必须设置该属性,否则控制器中获取不到值

            success: function (data) {

              alert("Success");

            }

          });

      });

    });

public ActionResult List(List<string> valuelist)

    {

      return View();

    }

调试效果:

2. 传递单个Model


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

@using (Html.BeginForm())

  {

    <p class="form-group">

      @Html.LabelFor(model => model.Name, new { @class = "control-label col-md-2" })

      <p class="col-md-10">

        @Html.EditorFor(model => model.Name)

        @Html.ValidationMessageFor(model => model.Name)

      </p>

    </p>

    <p class="form-group">

      @Html.LabelFor(model => model.Price, new { @class = "control-label col-md-2" })

      <p class="col-md-10">

        @Html.EditorFor(model => model.Price)

        @Html.ValidationMessageFor(model => model.Price)

      </p>

    </p>

    <p class="form-group">

      @Html.LabelFor(model => model.Color, new { @class = "control-label col-md-2" })

      <p class="col-md-10">

        @Html.EditorFor(model => model.Color)

        @Html.ValidationMessageFor(model => model.Color)

      </p>

    </p>

    <p class="form-group">

      <p class="col-md-offset-2 col-md-10">

        <input type="submit" value="提交" class="btn btn-default" />

      </p>

    </p>

  }


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

public class Products

  {

    public int Id { get; set; }

    [DisplayName("产品名称")]

    [Required(ErrorMessage = "此项不能为空")]

    public string Name { get; set; }

    [DisplayName("产品价格")]

    [Required(ErrorMessage = "此项不能为空")]

    public string Price { get; set; }

    [DisplayName("产品颜色")]

    [Required(ErrorMessage = "此项不能为空")]

    public string Color { get; set; }

  }

 public ActionResult Add(Products product)

    {

      return View();

    }

调试效果:

3. 传递多个Model


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

$("input[type='submit']").click(function () {

       var promodes = [];

       promodes.push({ Id: "0", Name: "手机", Color: "白色",Price:"2499" });

       promodes.push({ Id: "1", Name: "耳机", Color: "黑色", Price: "268" });

       promodes.push({ Id: "2", Name: "充电器", Color: "黄色",Price: "99" });

       $.ajax(

         {

           url: "/Home/List",

           type: "Post",

           data: JSON.stringify(promodes), //必须对数组进行序列化

           contentType:"application/json", //设置contentType的值为"application/json",默认为"application/json"

           success: function (data) {

             alert("Success");

           }

         });

     });


1

2

3

4

public ActionResult List(List<Products> valuelist)

   {

     return View();

   }

调试效果:

以上就是.NET MVC从视图传参到控制器的3种形式的详细内容!

相关阅读 >>

asp.net mvc5请求处理管道和生命周期的详细教程

.net mvc 使用ueditor上传图片

全开源asp.net工作流平台的详细介绍

asp.net中webform的生命周期相关讲解

asp.net函数总结

如何使用会话状态(asp.net web 服务)

关于asp.net如何利用ajaxpro完成前端跟后台交互的实例分析

如何使用asp.net实现文件和文件夹的复制

解决 asp.net core mysql varchar 字符串截取实例教程

asp.net core mvc应用程度中如何读取当前url请求参数(querystring)的值?

更多相关阅读请进入《asp.net》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...