视图控制器传入ajax,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 valuelist)

{

return View();

}

调试效果：

2. 传递单个Model

@using (Html.BeginForm())

{

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

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

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

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

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

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

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

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

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

}

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 valuelist)

{

return View();

}

调试效果：

以上所述是小编给大家介绍的ASP.NET MVC从视图传参到控制器的几种形式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

时间： 2017-04-24