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從視圖傳參到控制器的幾種形式,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
解析Asp.net,C# 純數(shù)字加密解密字符串的應用
本篇文章是對Asp.net,C# 純數(shù)字加密解密字符串的應用進行了詳細的分析介紹,需要的朋友參考下2013-05-05
Community Server專題二:體系結(jié)構(gòu)
Community Server專題二:體系結(jié)構(gòu)...2007-03-03
.net生成縮略圖及水印圖片時出現(xiàn)GDI+中發(fā)生一般性錯誤解決方法
這篇文章主要介紹了.net生成縮略圖及水印圖片時出現(xiàn)GDI+中發(fā)生一般性錯誤解決方法 ,需要的朋友可以參考下2014-11-11
.NET高級調(diào)試之sos命令輸出看不懂的處理方法
.NET高級調(diào)試屬于一個偏冷門的領(lǐng)域,國內(nèi)可觀測的資料比較少,所以很多東西需要你自己去探究源代碼,然后用各種調(diào)試工具去驗證,下面通過本文給大家分享.NET高級調(diào)試之sos命令輸出的相關(guān)知識,感興趣的朋友一起看看吧2024-03-03
asp.net保存網(wǎng)上圖片到服務(wù)器的實例
本篇文章主要介紹了asp.net保存網(wǎng)上圖片到服務(wù)器,非常具有實用價值,需要的朋友可以參考下。2016-10-10
ASP.NET My97DatePicker日期控件實現(xiàn)OA日期記事功能
這篇文章主要介紹了ASP.NET My97DatePicker日期控件實現(xiàn)OA日期記事功能的相關(guān)資料,需要的朋友可以參考下2016-04-04

