ASP.NET MVC從視圖傳參到控制器的幾種形式
更新時間:2017年04月26日 14:12:20 作者:追夢赤子心Dream
這篇文章主要介紹了ASP.NET MVC從視圖傳參到控制器的幾種形式,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
1. 傳遞數(shù)組
$(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), //必須對數(shù)組進行序列化
contentType:"application/json", //設置contentType的值為"application/json",默認為"application/json"
success: function (data) {
alert("Success");
}
});
});
public ActionResult List(List<Products> valuelist)
{
return View();
}
調試效果:

以上所述是小編給大家介紹的ASP.NET MVC從視圖傳參到控制器的幾種形式,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
微信公眾平臺開發(fā)之認證"成為開發(fā)者".Net代碼解析
這篇文章主要為大家詳細解析了微信公眾平臺開發(fā)之認證"成為開發(fā)者".Net代碼,感興趣的小伙伴們可以參考一下2016-06-06
uni-app結合.NET?7實現(xiàn)微信小程序訂閱消息推送
本文主要介紹了uni-app結合.NET?7實現(xiàn)微信小程序訂閱消息推送,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-02-02
.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴展組件
在本文里小編給大家分享了關于.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴展組件相關知識點,需要的朋友們學習下。2019-05-05

