ASP.NET MVC之视图传参到控制器的几种形式_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > ASP.NET MVC之视图传参到控制器的几种形式

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

 2017/4/27 5:31:54  追梦赤子心Dream  程序员俱乐部  我要评论(0)
  • 摘要:1.传递数组$(function(){varvalue=["C#","JAVA","PHP"];$("input[type='button']").click(function(){$.ajax({url:"/Home/List",type:"Get",data:{valuelist:value},traditional:true,//必须设置该属性,否则控制器中获取不到值success:function(data){alert("Success");}});});})
  • 标签:.net ASP.NET MVC net

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

调试效果:

发表评论
用户名: 匿名