ASP.NET MVC之视图传参到控制器的几种形式

来源：互联网发布：乐蜀网络编辑：程序博客网时间：2024/04/29 10:58

1. 传递数组

 $(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

@using (Html.BeginForm())    {        <div class="form-group">            @Html.LabelFor(model => model.Name, new { @class = "control-label col-md-2" })            <div class="col-md-10">                @Html.EditorFor(model => model.Name)                @Html.ValidationMessageFor(model => model.Name)            </div>        </div>        <div class="form-group">            @Html.LabelFor(model => model.Price, new { @class = "control-label col-md-2" })            <div class="col-md-10">                @Html.EditorFor(model => model.Price)                @Html.ValidationMessageFor(model => model.Price)            </div>        </div>        <div class="form-group">            @Html.LabelFor(model => model.Color, new { @class = "control-label col-md-2" })            <div class="col-md-10">                @Html.EditorFor(model => model.Color)                @Html.ValidationMessageFor(model => model.Color)            </div>        </div>        <div class="form-group">            <div class="col-md-offset-2 col-md-10">                <input type="submit" value="提交" class="btn btn-default" />            </div>        </div>    }

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

 $("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");                        }                    });            });

 public ActionResult List(List<Products> valuelist)        {            return View();        }

调试效果：

0 0