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, //必須設(shè)置該屬性,否則控制器中獲取不到值
success: function (data) {
alert("Success");
}
});
});
});
public ActionResult List(List<string> valuelist)
{
return View();
}
調(diào)試效果:

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("產(chǎn)品名稱")]
[Required(ErrorMessage = "此項不能為空")]
public string Name { get; set; }
[DisplayName("產(chǎn)品價格")]
[Required(ErrorMessage = "此項不能為空")]
public string Price { get; set; }
[DisplayName("產(chǎn)品顏色")]
[Required(ErrorMessage = "此項不能為空")]
public string Color { get; set; }
}
public ActionResult Add(Products product)
{
return View();
}
調(diào)試效果:

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", //設(shè)置contentType的值為"application/json",默認為"application/json"
success: function (data) {
alert("Success");
}
});
});
public ActionResult List(List<Products> valuelist)
{
return View();
}
調(diào)試效果:

以上所述是小編給大家介紹的ASP.NET MVC從視圖傳參到控制器的幾種形式,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- ASP.NET?Core?MVC中的視圖(Views)
- ASP.NET Core MVC學(xué)習(xí)之視圖組件(View Component)
- ASP.NET Core MVC基礎(chǔ)學(xué)習(xí)之局部視圖(Partial Views)
- ASP.NET MVC中分部視圖的應(yīng)用方法
- 詳解使用asp.net mvc部分視圖渲染html
- asp.net core mvc權(quán)限控制:在視圖中控制操作權(quán)限
- ASP.NET MVC從控制器傳遞數(shù)據(jù)到視圖的四種方式詳解
- asp.net MVC 根據(jù)菜單樹類別不同動態(tài)加載視圖的實現(xiàn)步驟
相關(guān)文章
ASP.NET Global.asax應(yīng)用程序文件簡介
Global.asax 文件,有時候叫做 ASP.NET 應(yīng)用程序文件,提供了一種在一個中心位置響應(yīng)應(yīng)用程序級或模塊級事件的方法。2009-03-03
微信公眾平臺開發(fā)之認證"成為開發(fā)者".Net代碼解析
這篇文章主要為大家詳細解析了微信公眾平臺開發(fā)之認證"成為開發(fā)者".Net代碼,感興趣的小伙伴們可以參考一下2016-06-06
uni-app結(jié)合.NET?7實現(xiàn)微信小程序訂閱消息推送
本文主要介紹了uni-app結(jié)合.NET?7實現(xiàn)微信小程序訂閱消息推送,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴展組件
在本文里小編給大家分享了關(guān)于.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴展組件相關(guān)知識點,需要的朋友們學(xué)習(xí)下。2019-05-05

