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

3. 傳遞多個(gè)Model
$("input[type='submit']").click(function () {
var promodes = [];
promodes.push({ Id: "0", Name: "手機(jī)", Color: "白色",Price:"2499" });
promodes.push({ Id: "1", Name: "耳機(jī)", Color: "黑色", Price: "268" });
promodes.push({ Id: "2", Name: "充電器", Color: "黃色",Price: "99" });
$.ajax(
{
url: "/Home/List",
type: "Post",
data: JSON.stringify(promodes), //必須對(duì)數(shù)組進(jìn)行序列化
contentType:"application/json", //設(shè)置contentType的值為"application/json",默認(rèn)為"application/json"
success: function (data) {
alert("Success");
}
});
});
public ActionResult List(List<Products> valuelist)
{
return View();
}
調(diào)試效果:

以上所述是小編給大家介紹的ASP.NET MVC從視圖傳參到控制器的幾種形式,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(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ù)菜單樹類別不同動(dòng)態(tài)加載視圖的實(shí)現(xiàn)步驟
相關(guān)文章
asp.net 獲取某個(gè)時(shí)間段的星期并以表格形式排列出來
今天遇到了個(gè)關(guān)于時(shí)間的操作,而作為初學(xué)者的我,并不是很了解時(shí)間函數(shù)的操作,所以就園里問了下別人,經(jīng)別人的幫助我自己實(shí)現(xiàn)了如何在某個(gè)時(shí)間段獲取星期。2010-03-03
ASP.NET Global.asax應(yīng)用程序文件簡(jiǎn)介
Global.asax 文件,有時(shí)候叫做 ASP.NET 應(yīng)用程序文件,提供了一種在一個(gè)中心位置響應(yīng)應(yīng)用程序級(jí)或模塊級(jí)事件的方法。2009-03-03
微信公眾平臺(tái)開發(fā)之認(rèn)證"成為開發(fā)者".Net代碼解析
這篇文章主要為大家詳細(xì)解析了微信公眾平臺(tái)開發(fā)之認(rèn)證"成為開發(fā)者".Net代碼,感興趣的小伙伴們可以參考一下2016-06-06
uni-app結(jié)合.NET?7實(shí)現(xiàn)微信小程序訂閱消息推送
本文主要介紹了uni-app結(jié)合.NET?7實(shí)現(xiàn)微信小程序訂閱消息推送,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
ASP.NET?Core實(shí)時(shí)庫SignalR簡(jiǎn)介及使用
這篇文章介紹了ASP.NET?Core實(shí)時(shí)庫SignalR簡(jiǎn)介及使用方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-01-01
.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴(kuò)展組件
在本文里小編給大家分享了關(guān)于.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴(kuò)展組件相關(guān)知識(shí)點(diǎn),需要的朋友們學(xué)習(xí)下。2019-05-05

