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

      调试效果:

      

  • 相关阅读:
    MongoDB 数据类型
    linux 查看网卡流量:nload
    Linux 抓包工具:tcpdump
    python 合并列表 从大到小排序
    MongoDB的客户端管理工具--nosqlbooster 连接MongoDB服务器
    MongoDB 用户管理
    MongoDB 数据库操作
    MongoDB与关系型数据库 区别
    MongoDB 新建数据库和集合 查询集合
    POJ 1491
  • 原文地址:https://www.cnblogs.com/CelonY/p/10424367.html
Copyright © 2011-2022 走看看