Ajax 如何提交集合到mvc后台 1,前端请求如下 复制代码 复制代码 1 var apply = { CompanyName: $("[name='corpName']").val(),

本文介绍使用Ajax向MVC后台提交包含多个对象的数据集合的方法。通过构建前端数据模型并利用jQuery AJAX进行序列化,实现将复杂数据结构发送至服务器的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Ajax 如何提交集合到mvc后台

1,前端请求如下

复制代码
 
   
复制代码
 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() };
 2             var applyDetail = [];
 3             $('.Info').each(function (index, item) {
 4                 //参会代表
 5                 var DelegateName = $(item).find("[name='Name']").val();
 6                 //性别
 7                 var Sex = $(item).find("[name='Sex']").val();
 8                 //职位
 9                 var Post = $(item).find("[name='Position']").val();
10                 //手机
11                 var Mobile = $(item).find("[name='Phone']").val();
12                 //邮箱
13                 var EMail = $(item).find("[name='Email']").val();
14                 //会场
15                 var SiteType = $(item).find("[name='SiteType']").val();
16                 var detial = { DelegateName: DelegateName, Sex: Sex, Post: Post, Mobile: Mobile, EMail: EMail, SiteType: SiteType };
17 
18                 applyDetail.push(detial);
19             });
20             var postData = { applyModel: apply, applyDetail: applyDetail };
21             $.ajax({
22                 url: '/ActivityBusiness/Apply_From_Json?ApplyNo=@ViewBag.ApplyNo&SpeciaNo=@ViewBag.SpeciaNo',
23                 data: JSON.stringify(postData),
24                 dataType: 'json',
25                 contentType: 'application/json',
26                 type: "POST",
27                 // traditional: true,
28                 success: function (res) {
29                     if (res.Success) {
30                         tipDialog(res.Message, 3, res.Code);
31                         top.frames[tabiframeId()].windowload();
32                         closeDialog();
33                     }
34                     else {
35                         tipDialog(res.Message, 3, -1);
36                     }
37 
38                 }
39             });
复制代码
 
   

 

 
   
复制代码

2,注意事项

 要设置  contentType: 'application/json'

3,效果  如下图

4,总结

 

将不朽的青春献给伟大的编程事业,世界将因我们而改变!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值