Ajax 如何提交集合到mvc后台

时间:2021-11-20 17:57:14

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,效果  如下图

Ajax 如何提交集合到mvc后台

4,总结

Ajax 如何提交集合到mvc后台的更多相关文章

  1. Ajax如何提交数据到springMVC后台

    现在好多web项目实现前段和后端分离,实现前端和后端技术人员,使他们加快开发,减少沟通上的问题,后台只需要提供访问接口,而前天只需要调用提供的接口即可.减少前后端的沟通上的成本 本项目是开发中发现aj ...

  2. SpringMVC,SpringBoot使用ajax传递对象集合/数组到后台

    假设有一个bean名叫TestPOJO. 1.使用ajax从前台传递一个对象数组/集合到后台. 前台ajax写法: var testPOJO=new Array(); //这里组装testPOJO数组 ...

  3. ASP.NET MVC 后台接收集合参数和 jquery ajax 传值

    MVC 接收参数数组(集合)   示例样本:   public class Person {      public string FirstName { get; set; }      publi ...

  4. ASP.NET MVC 网站开发总结(五)——Ajax异步提交表单之检查验证码

    首先提出一个问题:在做网站开发的时候,用到了验证码来防止恶意提交表单,那么要如何实现当验证码错误时,只是刷新一下验证码,而其它填写的信息不改变? 先说一下为什么有这个需求:以提交注册信息页面为例,一般 ...

  5. MVC中Ajax post 和Ajax Get——提交对象

    HTTP 请求:GET vs. POST两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST.GET - 从指定的资源请求数据POST - 向指定的资源提交要处理的数据GET 基本上 ...

  6. MVC中Ajax post 和Ajax Get——提交对象Model

    HTTP 请求:GET vs. POST两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST.GET - 从指定的资源请求数据POST - 向指定的资源提交要处理的数据GET 基本上 ...

  7. 序列化json对象,通过ajax传入asp.net mvc后台

    序列化json对象,通过ajax传入asp.net mvc后台 序列化json对象,通过ajax传入asp.net mvc后台   今天遇到一个问题,准备把组织好的json对象通过jquery.aja ...

  8. $.AJAX参数提交及后台获取方式

    $.AJAX默认是get方式提交,所以你在后台只能用获取url参数的方式获取,可指定type为post更改提交方式: 在后台可通过Request["控件name/url参数key" ...

  9. ajax post提交空字符串(string.Empty) MVC接收为null的问题

    ajax post提交空字符串(string.Empty) MVC接收为null的问题 这个问题查了好多资料才知道原因: if (bindingContext.ModelMetadata.Conver ...

随机推荐

  1. HDOJ 3853 LOOPS

    水概率DP.... LOOPS Time Limit: 15000/5000 MS (Java/Others)    Memory Limit: 125536/65536 K (Java/Others ...

  2. Demo12SimpleAdapter

    /Users/alamps/AndroidStudioProjects/Demo12SimpleAdapter/Demo12SimpleAdapter/src/main/res/layout/data ...

  3. git简介及安装配置

    Git是一种分布式版本控制系统.它和集中式版本控制系统的区别有如下几点: 1).分布式版本控制没有*服务器,每个人的电脑上都有完整的版本库: 2).分布式管理系统的安全性要高,如果某一台电脑的坏了, ...

  4. MySQL 元数据

    MySQL 元数据 你可能想知道MySQL以下三种信息: 查询结果信息: SELECT, UPDATE 或 DELETE语句影响的记录数. 数据库和数据表的信息: 包含了数据库及数据表的结构信息. M ...

  5. 浅谈SQL优化入门:2、等值连接和EXPLAIN(MySQL)

    1.等值连接:显性连接和隐性连接 在<MySQL必知必会>中对于等值连接有提到两种方式,第一种是直接在WHERE子句中规定如何关联即可,那么第二种则是使用INNER JOIN关键字.如下例 ...

  6. Python-week1,第一周(基于Python3&period;0以上)

    1,变量 准确来说不是第一周学习了吧,应该是采用博客记录学习的第一周,记录并做个笔记吧,可能做的不好,但我高兴啊,废话不说了,上图. 学习过程中做的一些笔记,当然能面面俱到,只能在写博客的时候又能复习 ...

  7. 【转】Closeable&comma; Readable&comma; Flushable&comma; Appendable

    Closeable: package java.io; import java.io.IOException; public interface Closeable { /** * Closes th ...

  8. Redis内存分析方法

    一般会采用 bgsave 生成 dump.rdb 文件,再结合 redis-rdb-tools 和 sqlite 来进行静态分析. BGSAVE:在后台异步(Asynchronously)保存当前数据 ...

  9. &lbrack;javascript&rsqb; javascript 实现数据滚动加载

    // tpl generate var tmpl = (function (cache, $) { return function (str, data) { var fn = !/\s/.test( ...

  10. 软件工程 - 第二十次作业 Alpha 事后诸葛亮(团队)

    Alpha 事后诸葛亮(团队) 组长本次作业链接:https://www.cnblogs.com/dawnduck/p/10056026.html 现代软件工程 项目Postmortem 设想和目标 ...