Ajax 如何提交集合到mvc后台
1,前端请求如下
var apply = { CompanyName: $("[name='corpName']").val(), ContactUser: $("[name='contName']").val(), Address: $("[name='address']").val(), Mobile: $("[name='phone']").val(), MainProducts: $("[name='goods']").val(), MainProducts: $("[name='goods']").val(), Remark: $("[name='mark']").val(), IsMember: $("[name='Meber']:checked").val() };
var applyDetail = [];
$('.Info').each(function (index, item) {
//参会代表
var DelegateName = $(item).find("[name='Name']").val();
//性别
var Sex = $(item).find("[name='Sex']").val();
//职位
var Post = $(item).find("[name='Position']").val();
//手机
var Mobile = $(item).find("[name='Phone']").val();
//邮箱
var EMail = $(item).find("[name='Email']").val();
//会场
var SiteType = $(item).find("[name='SiteType']").val();
var detial = { DelegateName: DelegateName, Sex: Sex, Post: Post, Mobile: Mobile, EMail: EMail, SiteType: SiteType };
applyDetail.push(detial);
});
var postData = { applyModel: apply, applyDetail: applyDetail };
$.ajax({
url: '/ActivityBusiness/Apply_From_Json?ApplyNo=@ViewBag.ApplyNo&SpeciaNo=@ViewBag.SpeciaNo',
data: JSON.stringify(postData),
dataType: 'json',
contentType: 'application/json',
type: "POST",
// traditional: true,
success: function (res) {
if (res.Success) {
tipDialog(res.Message, 3, res.Code);
top.frames[tabiframeId()].windowload();
closeDialog();
}
else {
tipDialog(res.Message, 3, -1);
}
}
});
2,注意事项
要设置 contentType: 'application/json'
3,效果 如下图

4,总结
Ajax 如何提交集合到mvc后台的更多相关文章
- Ajax如何提交数据到springMVC后台
现在好多web项目实现前段和后端分离,实现前端和后端技术人员,使他们加快开发,减少沟通上的问题,后台只需要提供访问接口,而前天只需要调用提供的接口即可.减少前后端的沟通上的成本 本项目是开发中发现aj ...
- SpringMVC,SpringBoot使用ajax传递对象集合/数组到后台
假设有一个bean名叫TestPOJO. 1.使用ajax从前台传递一个对象数组/集合到后台. 前台ajax写法: var testPOJO=new Array(); //这里组装testPOJO数组 ...
- ASP.NET MVC 后台接收集合参数和 jquery ajax 传值
MVC 接收参数数组(集合) 示例样本: public class Person { public string FirstName { get; set; } publi ...
- ASP.NET MVC 网站开发总结(五)——Ajax异步提交表单之检查验证码
首先提出一个问题:在做网站开发的时候,用到了验证码来防止恶意提交表单,那么要如何实现当验证码错误时,只是刷新一下验证码,而其它填写的信息不改变? 先说一下为什么有这个需求:以提交注册信息页面为例,一般 ...
- MVC中Ajax post 和Ajax Get——提交对象
HTTP 请求:GET vs. POST两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST.GET - 从指定的资源请求数据POST - 向指定的资源提交要处理的数据GET 基本上 ...
- MVC中Ajax post 和Ajax Get——提交对象Model
HTTP 请求:GET vs. POST两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST.GET - 从指定的资源请求数据POST - 向指定的资源提交要处理的数据GET 基本上 ...
- 序列化json对象,通过ajax传入asp.net mvc后台
序列化json对象,通过ajax传入asp.net mvc后台 序列化json对象,通过ajax传入asp.net mvc后台 今天遇到一个问题,准备把组织好的json对象通过jquery.aja ...
- $.AJAX参数提交及后台获取方式
$.AJAX默认是get方式提交,所以你在后台只能用获取url参数的方式获取,可指定type为post更改提交方式: 在后台可通过Request["控件name/url参数key" ...
- ajax post提交空字符串(string.Empty) MVC接收为null的问题
ajax post提交空字符串(string.Empty) MVC接收为null的问题 这个问题查了好多资料才知道原因: if (bindingContext.ModelMetadata.Conver ...
随机推荐
- MS Writer Code Test
#include<iostream> using namepspace std; int main() { cout<<"Hello World"<& ...
- F题 - A+B for Input-Output Practice (V)
Time Limit:1000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I64u Description You ...
- 利用TraceSource写日志
利用TraceSource写日志 从微软推出第一个版本的.NET Framework的时候,就在“System.Diagnostics”命名空间中提供了Debug和Trace两个类帮助我们完成针对调试 ...
- Cordova VS React Native 谁是未来? - b
对于原生native还是倍加推崇的,极佳的用户体验和性能让我学的如痴如醉,可是互联网这个世界可以用一句话可以总结:没有什么是不可能的.自从阿里淘宝天猫横空出世,它们教会了人们如何在网上购物,然后仿佛一 ...
- arm-none-eabi-gcc install
Zephyr除了官方的编译工具,还有第三方工具 arm-none-eabi-gcc . This PPA is an alternative to toolchain released at http ...
- 关于Java(标识符规则)
Java 是大小写敏感的语言. Java 标识符组成 Java 标识符组成: 字母,数字,下划线和美元符 $ Java 标识符规则 仅包含 字母,数字,下划线和美元符 开头不能使数字 不能使 Java ...
- java design
http://www.austintek.com/mvc/ http://msdn.microsoft.com/zh-cn/magazine/cc163419.aspx http://www.croc ...
- SaaS是个不错的生意模式和创业的选择(独立SAAS厂商的三大优势)
1. 软件独特而又强大,界面绝美2. 数据存在本国3. 数据不留底 4. 可随时寻求卖身或者合作,不受制于人 --------------------------------------------- ...
- MySql的rpm安装
MySQL 5.5(rpm格式)在Linux 上安装 Linux系统上安装MySQL 5.5prm 1.准备工作 从MySQL官网上分别下载mysql服务器端于客户端包. 下载步骤:Downloads ...
- Linux后台进程管理的一些命令小结
Linux后台进程管理的一些命令:fg.bg.jobs.&.ctrl + z命令,供大家学习参考 一. &加在一个命令的最后,可以把这个命令放到后台执行 ,如gftp &, ...