zoukankan      html  css  js  c++  java
  • ASP.NET MVC从视图传参到控制器的几种形式

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

      调试效果:

      

  • 相关阅读:
    _bzoj1061 [Noi2008]志愿者招募【最小费用最大流】
    _bzoj2243 [SDOI2011]染色【树链剖分】
    _bzoj1013 [JSOI2008]球形空间产生器sphere【高斯消元】
    _bzoj1002 [FJOI2007]轮状病毒【瞎搞】
    leetcode 273 Integer to English Words
    leetcode 12 Integer to Roman
    leetcode 1071 Greatest Common Divisor of Strings
    lc6 ZigZag Conversion
    lc13 Roman to Integer
    leetcode 171 Excel Sheet Column Number
  • 原文地址:https://www.cnblogs.com/CelonY/p/10424367.html
Copyright © 2011-2022 走看看