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)品名稱(chēng)")] [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ì)大家有所幫助,如果大家有任何疑問(wèn)請(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ù)菜單樹(shù)類(lèi)別不同動(dòng)態(tài)加載視圖的實(shí)現(xiàn)步驟
相關(guān)文章
解析Asp.net,C# 純數(shù)字加密解密字符串的應(yīng)用
本篇文章是對(duì)Asp.net,C# 純數(shù)字加密解密字符串的應(yīng)用進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-05-05Community Server專(zhuān)題二:體系結(jié)構(gòu)
Community Server專(zhuān)題二:體系結(jié)構(gòu)...2007-03-03.net生成縮略圖及水印圖片時(shí)出現(xiàn)GDI+中發(fā)生一般性錯(cuò)誤解決方法
這篇文章主要介紹了.net生成縮略圖及水印圖片時(shí)出現(xiàn)GDI+中發(fā)生一般性錯(cuò)誤解決方法 ,需要的朋友可以參考下2014-11-11.NET高級(jí)調(diào)試之sos命令輸出看不懂的處理方法
.NET高級(jí)調(diào)試屬于一個(gè)偏冷門(mén)的領(lǐng)域,國(guó)內(nèi)可觀測(cè)的資料比較少,所以很多東西需要你自己去探究源代碼,然后用各種調(diào)試工具去驗(yàn)證,下面通過(guò)本文給大家分享.NET高級(jí)調(diào)試之sos命令輸出的相關(guān)知識(shí),感興趣的朋友一起看看吧2024-03-03asp.net保存網(wǎng)上圖片到服務(wù)器的實(shí)例
本篇文章主要介紹了asp.net保存網(wǎng)上圖片到服務(wù)器,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。2016-10-10ASP.NET My97DatePicker日期控件實(shí)現(xiàn)OA日期記事功能
這篇文章主要介紹了ASP.NET My97DatePicker日期控件實(shí)現(xiàn)OA日期記事功能的相關(guān)資料,需要的朋友可以參考下2016-04-04