ASP.NET MVC从视图传递多个模型到Controller

从后台组织好数据然后传递到页面倒是水到渠成很方便,因为MVC自身就将这样的需求内建到了这个系统中。我只需要在后台组织好一个List 或IEnumerable类型的变量,将需要传递的数据模型扔进去便可。

 

比如这里我们向视图返回5条product信息在页面进行展示,仅仅是返回这么简单。

 

然后在页面我们就毫不费力地得到了后台传过来的数据模型,然后进行显示即可。

 

但问题是,如何又将多个模型传回后台去呢。一个form一般只传递一个模型,我们可以在JavaScript里序列化多个模型然后通过ajax 传递回去。

1.首先改造页面,假设在页面有很多输入框供用户输入模型的相关信息,并且搞一个按扭来提交。

<table>@foreach (Product item in Model){<tr id="@item.ProductID"><td><input name="ProductName" /></td><td><input name="SupplierID" /></td><td><input name="CategoryID" /></td></tr>}
</table>
<button id="go">Go</button>

 

 

 

2.然后在JavaScript中获取这些输入值,最后将所有模型整合到一个models变量中。

  var models = [];$.each($("table tr"), function(i, item) {var ProductName = $(item).find("[name=ProductName]").val();var SupplierID = $(item).find("[name=SupplierID]").val();var CategoryID = $(item).find("[name=CategoryID]").val();models.push({ ProductName: ProductName, SupplierID: SupplierID, CategoryID: CategoryID });});

 

当然这些是写到按扭的单击事件中的。

所以完整的代码看起来应该是这个样子。

<script type="text/javascript">$("#go").click(function() {var models = [];$.each($("table tr"), function(i, item) {var ProductName = $(item).find("[name=ProductName]").val();var SupplierID = $(item).find("[name=SupplierID]").val();var CategoryID = $(item).find("[name=CategoryID]").val();models.push({ ProductName: ProductName, SupplierID: SupplierID, CategoryID: CategoryID });});});
</script>

 

到这里我们可以加个debugger测试一下有没有有前台代码中成功获取到输入框的值及组织好的模型对不对。

在页面按F12打开开发者工具,然后试着在页面输入一些值,最后单击按扭。

 

我们看到,在遍历了所有输入框后,以每行为单位当成一个Product模型,压入models变量中。这个时候,models变量中保存了所有信息。

3.准备后台接收数据的Action 。我们当然是接收多个模型,所以接收类型选择为List<Product>

 

        public ActionResult ReceiveData(List<Product> products){string result = products == null ? "Failed" : "Success";return Content(result);}

 

4.最后一步,将models变量通过Ajax传送到后台

这一步是最关键的,因为ajax格式没写好后台是无法接收到正确的数据的。经过我颇费心神的研究最后得出的ajax代码大概是下面这个样子的:

 

  $.ajax({url: '../../Home/ReceiveData',data: JSON.stringify(models),type: 'POST',contentType: 'application/json; charset=utf-8',success: function(msg) {alert(msg);}});

 

最后完整的前台代码大概应该是这个样子的。

<script type="text/javascript">$(function() {$("#go").click(function() {var models = [];$.each($("table tr"), function(i, item) {var ProductName = $(item).find("[name=ProductName]").val();var SupplierID = $(item).find("[name=SupplierID]").val();var CategoryID = $(item).find("[name=CategoryID]").val();models.push({ ProductName: ProductName, SupplierID: SupplierID, CategoryID: CategoryID });});$.ajax({url: '../../Home/ReceiveData',data: JSON.stringify(models),type: 'POST',contentType: 'application/json; charset=utf-8',success: function(msg) {alert(msg);}});});})
</script>

 

5.调试看结果

 

结果显示我们接收到了前台传过来的每一个数据,完工。

转载于:https://www.cnblogs.com/Wayou/p/pass_multi_modes_to_controller_in_MVC.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/261345.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql存储过程_Mysql存储过程

存储过程存储过程简单来说&#xff0c;就是为以后的使用而保存的一条或多条MySQL语句的集合。可将其视为批件&#xff0c;虽然它们的作用不仅限于批处理。在我看来&#xff0c; 存储过程就是有业务逻辑和流程的集合&#xff0c; 可以在存储过程中创建表&#xff0c;更新数据&am…

修复IE9-- safari 的sort方法

解决方案其实就是冒泡排序的一个包装 本补丁不修复各浏览的排序算法不一致的问题 当前版本 v0.2v0.1 修复IE9-- Array.prototype.sort 不能根据 对象属性 做排序的遗憾v0.2 修复safari 不支持函数参数 ; !function(window){var ua window.navigator.userAgent.toLowerCase(),r…

还原virtual函数的本质-----C++

当你每次看到C类中声明一个virtual函数&#xff0c;特别是看到了一个virtual的虚构函数。你知道它的意思吗&#xff1f;你肯定会毫不犹豫的回答&#xff1a;不就是多态么。。。在运行时确定具体的行为么。。。完全正确&#xff0c;但这里我要讲的不只是这些东西。 有些类需要虚…

C++实践参考——数组类运算的实现

【项目-数组类运算的实现】   设计数组类Array&#xff0c;为了实现测试函数中要求的功能&#xff0c;请补足相关的函数&#xff08;构造、析构函数&#xff09;和运算符重载的函数。   实现策略提示&#xff1a;可以将测试函数中的语句加上注释&#xff0c;取消一句的注…

MySQL支持的四种索引_Mysql常见四种索引的使用

提到mysql优化&#xff0c;索引优化是必不可少的。其中一种优化方式 ——索引优化&#xff0c;添加合适的索引能够让项目的并发能力和抗压能力得到明显的提升。我们知道项目性能的瓶颈主要是在"查(select)"语句&#xff0c;要提升"查"这一性能&#xff0c;…

java调用、执行groovy代码

java调用、执行groovy代码 1: package test; 2: 3: import javax.script.ScriptEngine; 4: import javax.script.ScriptEngineManager; 5: import javax.script.ScriptException; 6: 7: public class ScriptExcuteUtil { 8: 9: public ScriptExcuteUtil() { 10: 11…

AGS Server 10.1 切图工具

在AGS Sever中很重要的功能就是地图缓存的制作&#xff0c;安装AGS Sever会在catalog中增加相关的工具箱&#xff0c;利用这些工具可以制作、删除、更新切片 一、Convert map server cache storage format(转换服务缓存的存储格式) 利用该工具可以快速的切换地图缓存的格式&…

0511 backlog 项目管理

SCRUM 这次的作业就是确定SCRUM的计划&#xff0c;确定sprint backlog的一个冲刺周期&#xff0c;而这个周期是两个星期。争取在两周内发布1.0版本。 本次作业以网站构建为主&#xff1a; ID NAMEIMPESTHOW TO DONOTES1首页99小时用户登录网站也可以看游客的推广的内容&am…

swing和MySQL登录注册_JavaSwing+Mysql实现简单的登录界面+用户是否存在验证

原生Javamysql登录验证clientlogin.java功能&#xff1a;实现登录页面&#xff0c;与服务端传来的数据验证package LoginRegister;import java.awt.Container;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.util.regex.Pattern;import …

4月27日微软云训练营活动-现场图集

1.签到 2.到场同学&#xff0c;这一天是工作日&#xff0c;但是人气依然很火。 转载于:https://www.cnblogs.com/finehappy/p/3262296.html

vim编程 插入 保存不退出 保存退出 退出不保存 另存为其他文件名 保存覆盖现有文件...

---恢复内容开始--- 在xshell里写代码&#xff0c;如果需要编辑代码&#xff0c;可以输入 vim xxx.py ,进入vi&#xff4d;编辑界面 这里的xxx.py表示 python的存储文件&#xff0c;后缀名是.py。&#xff11;&#xff0e;插入字符 输入 i 可键入或者shift i&#xff12;&…

wdcp mysql密码_wdcp默认的mysql密码是多少?

重置mysql root密码方法一、Windows环境的找回方法&#xff1a;1、打开cmd命令窗口&#xff0c;先输入命令&#xff1a;net stop mysql 回车 #关闭mysql服务。进入到D:\SOFT_PHP_PACKAGE\mysql\bin\ 目录下&#xff0c;执行mysqld --skip-grant-tables 启动MySQL Server (如果报…

Java中内存中的Heap、Stack与程序运行的关系

堆和栈的内存管理 栈的内存管理是顺序分配的&#xff0c;而且定长&#xff0c;不存在内存回收问题&#xff1b;而堆 则是随机分配内存&#xff0c;不定长度&#xff0c;存在内存分配和回收的问题&#xff1b;堆内存和栈内存的区别可以用如下的比喻来看出&#xff1a;使用堆内存…

ASP.NET Core的配置(5):配置的同步[设计篇]

本节所谓的“配置同步”主要体现在两个方面&#xff1a;其一&#xff0c;如何监控配置源并在其变化的时候自动加载其数据&#xff0c;其目的是让应用中通过Configuration对象承载的配置与配置源的数据同步&#xff1b;其二、当Configuration对象承载的配置放生变换的时候如何向…

mysql 5.6 linux安装配置_linux手动安装配置mysql5.6

1.准备工作①官网下载&#xff1a;https://dev.mysql.com/downloads/mysql/5.6.html#downloads下载之后上传到服务器。②创建linux组用户groupadd mysqluseradd -g mysql mysql2.安装①解压&#xff0c;比如放到了/usr/local/,进入到该目录下&#xff0c;进行用z解压gz包&#…

Winodws Socket I/O模型的整理

Winodws Socket I/O模型的整理大致分以五种.其中Overlapped I/O模型是有两种实现方法. 一&#xff1a;select模型二&#xff1a;WSAAsyncSelect模型三&#xff1a;WSAEventSelect模型四&#xff1a;Overlapped I/O 事件通知模型/完成例程模型五&#xff1a;完成端口IOCP模型 这…

KVM安装Windows Server 2008 R2使用virtio硬盘

在上一篇文章中&#xff0c;我们介绍了使用IDE硬盘来安装Windows Server 2008 R2,这篇文章我们来介绍使用virtio硬盘来安装Windows Server 2008 R2。 说明&#xff1a;KVM默认使用的硬盘格式为virtio。 使用virtio接口的硬盘&#xff0c;我们必须加载virtio硬盘驱动。如果不加载…

Sublime Text 2 入门及技巧

看了 Nettuts 对 Sublime Text 2 的介绍&#xff0c;立刻就兴奋了&#xff0c;诚如作者 Jeffrey Way 所说&#xff1a;“《永远的毁灭公爵》都发布了&#xff0c;TextMate 2 还没发”&#xff0c;你还能指望它么&#xff1f;TextMate 开发者的消极态度已经无法让人忍受了。而作…

跨域名,服务器登录 .

编辑器加载中... function SingleSignOn() {//只能用脚本改变指定 Form 提交的对象 document.getElementById("form1").action"http://。。。。。/WebApp/UsersLogin.aspx"; //把隐藏控件 __VIEWSTATE 中的值变更为 LoginTransfer…

YII 配置文件

用YIIFramework的库开发 Java代码 .... Yii::createWebApplication($config); //没有run Yii::import&#xff08;class1&#xff0c;true&#xff09;,在将class1类文件路径存储时&#xff0c;同时include该文件 注意&#xff1a;你也可以将配置文件分为多个文件&#xff0…