出自:http://blog.csdn.net/lingxyd_0/article/details/10428785

在项目上用到了批量删除与批量更改状态,前台使用了EasyUI的DataGrid,用到了批量更改数据状态功能。

在前台可以获取每条数据的ID,但是如何通过数组方式传递给后台?

通过昨晚的各种方式的调试,终于得出了答案! 在此作为备忘。

目前有两种方式可行:

方式一

前台代码:

// 方式一

var _list = {};

for (var i = 0; i < checkedRow.length; i++) {

_list["selectedIDs[" + i + "]"] = checkedRow[i].ID;

}

$.ajax({

url: '@Url.Action("SetCallBackStatus")',

//data: { "selectedIDs": _list },

data: _list,

dataType: "json",

type: "POST",

//traditional: true,

success: function (responseJSON) {

// your logic

alert('Ok');

}

});

注意:

1、_list 是一个对象

2、_list中的属性需要结合后台参数名称,例如”selectedIDs“,组合成类似:selectedIDs[0],selectedIDs[1]...等Request.Params

这里是最重要的,否则后台认不出来。这种方式也可以传递自定义类的数组。组合方式就是selectedIDs[0].FirstName,selectedIDs[0].LastName,selectedIDs[1].FirstName,selectedIDs[1].LastName...

3、ajax的data参数直接指定为_list

后台代码:

public ActionResult SetCallBackStatus(List selectedIDs) {

string result = "ok";

string errMsg = "";

return this.JsonFormat(new { result = result, errMsg = errMsg });

}

方式二

前台代码:

var _list = [];

for (var i = 0; i < checkedRow.length; i++) {

_list[i] = checkedRow[i].ID;

}

$.ajax({

url: '@Url.Action("SetCallBackStatus")',

data: { "selectedIDs": _list },

//data: _list,

dataType: "json",

type: "POST",

traditional: true,

success: function (responseJSON) {

// your logic

alert('Ok');

}

});

注意:

1、_list 是一个数组。

2、ajax参数中data为{“selectedIDs”:_list}

3、这种方式比较重要的 traditional:true。或者将2、中的 _list参数转换一下$.param(_list,true)。这里其实就是将_list作为传统的方式传递给后台。jQuery默认是做了转换的。据说是为了使用PHP。。。。后台语言而做的。其实也就是自动在参数后面追加了”[]“。

后台代码:

同方式一

针对自定义的类,也可以通过方式一jquery ajax传递给后台

例如:

// 自定义Person类

public class Person {

public string FirstName { get; set; }

public string LastName { get; set; }

}

// 后台Action

public ActionResult SetCallBackStatus(List selectedIDs)

{

string result = "ok";

string errMsg = "";

return this.JsonFormat(new { result = result, errMsg = errMsg });

}

此时前台js可以这样写:

var _list = {};

for (var i = 0; i < checkedRow.length; i++) {

_list["selectedIDs[" + i + "].FirstName"] = checkedRow[i].FirstName;

_list["selectedIDs[" + i + "].LastName"] = checkedRow[i].LastName;

}

$.ajax({

url: '@Url.Action("SetCallBackStatus")',

//data: { "selectedIDs": _list },

data: _list,

dataType: "json",

type: "POST",

//traditional: true,

success: function (responseJSON) {

// your logic

alert('Ok');

}

});

springmvc 传递和接收数组参数

java url中如何传递数组,springMVC框架controller类如何接收数组参数? 下面介绍一下URL中传递数组参数方法: dd.do?titles[]=col1&titles[] ...

SpringMVC,SpringBoot使用ajax传递对象集合&sol;数组到后台

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

快速获取表单多条数据,使用ajax传递给后台

当表单中有多条数据需要向后台传递时,一个一个的获取显然是不可取的办法,可以借助表单的serialize()方法获取. HTML:

&l ...

ajax向后台传递数组参数并将后台响应的数据赋值给一个变量供其它插件使用

1.在js中封装ajax向后台传递数组参数函数 //combogrid * * @Description 封装ajax向后台传递数组参数并将后台响应的数据赋值给一个变量方便其他插件使用该数据函数 * ...

在ASP&period;NET MVC中以post方式传递数组参数的示例

最近在工作中用到了在ASP.NET MVC中以post方式传递数组参数的情况,记录下来,以供参考. 一.准备参数对象 在本例中,我会传递两个数组参数:一个字符串数组,一个自定义对象数组.这个自定义对象 ...

在ASP&period;NET MVC中以post方式传递数组参数的示例【转】

最近在工作中用到了在ASP.NET MVC中以post方式传递数组参数的情况,记录下来,以供参考. 一.准备参数对象 在本例中,我会传递两个数组参数:一个字符串数组,一个自定义对象数组.这个自定义对象 ...

C&num;传递数组参数

在C#中,可以将数组作为参数传递给方法,同时方法可以更改数组元素的值. 一.将一维数组作为参数传递给方法 using System;using System.Collections.Generic;u ...

【Java框架型项目从入门到装逼】第十一节 用户新增之把数据传递到后台

让我们继续来做"主线任务",这一节,我们来做具体的用户新增功能.首先,为了简单起见,我把主页面改了一些,改的是列表那一块.删去了一些字段,和数据库表对应一致: 现在,我们要实现一个 ...

C&sol;C&plus;&plus;怎样传递二维数组,转载自CSDN

用二维数组作为参数传递(用二维数组处理矩阵),但是希望接受传递二维数组参数的函数可以处理任意维度的数组(希望矩阵的行数和列数都是不固定的). [以下转帖] ---------------------- ...

随机推荐

&lbrack;poj2337&rsqb;求字典序最小欧拉回路

注意:找出一条欧拉回路,与判定这个图能不能一笔联通...是不同的概念 c++奇怪的编译规则...生不如死啊... string怎么用啊...cincout来救? 可以直接.length()我也是长见识 ...

【原创】Linux 增加系统调用

Linux 增加系统调用大致步骤: 1.下载好内核文件,在内核源文件中添加好自己的调用函数. 2.编译内核 3.验证. 一.在内核源文件中增加自己的函数   首先将内核文件移至/usr/src/下并解 ...

fastjson 的简单说明及使用

fastjson 是一个性能很好的 Java 语言实现的 JSON 解析器和生成器,来自阿里巴巴的工程师开发. 各个版本jar包下载地址:https://repo1.maven.org/maven2/ ...

【IOS学习基础】内存管理

1.内存几大区域 1> 栈区:局部变量(基本数据类型.指针变量). 2> 堆区:程序运行的过程中动态分配的存储空间(创建的对象). 3> BSS段:没有初始化的全局变量和静态变量. ...

javascripte (三) 改变html图像

《数据结构与算法分析:C语言描述》读书笔记------List的C语言实现

List的简单实现.在GCC下测试通过. list.h #ifndef _List_H /*List数据结构的简单实现*/ struct Node; typedef struct Node Node; ...

string的内存管理问题

string的内存管理是通过仅仅增不减的方式进行的,string的clear方法不会真正的释放内存,假设须要真正的释放内存可以连续调用string的这两个方法.resize(0),reserve(). ...

&lbrack;ExtJS5学习笔记&rsqb;第二十八节 sencha ext js 5&period;1&period;0发布版本正式发布 extjs doc下载地址

本文地址:http://blog.csdn.net/sushengmiyan/article/details/41911539 本文作者:sushengmiyan ------------------ ...

yii2项目中运行composer 过程中遇到的问题

问题1: Your requirements could not be resolved to an installable set of packages 则表明 未安装fxp/composer-a ...

oracle安全应用角色例子

今天在做看OCP的时候有道题是关于应用安全角色的,不是很明白,在网上找了个例子按照步骤验证了下.QUESTION 48You want to create a role to meet these r ...

ajax 入参为list_ajax传递给后台数组参数方式相关推荐

  1. ajax 入参为list_ajax传递参数list对象或传递数组对象到后台

    springMVC通过ajax传递参数list对象或传递数组对象到后台 环境: 前台传递参数到后台 前台使用ajax 后台使用springMVC 传递的参数是N多个对象 JSON对象和JSON字符串 ...

  2. ajax 入参为list_ajax向后台传递list参数

    学习记录:复习 使用ajax向后台传递list参数 前台 jsp页面 测试 js function login222() { var list = []; for (var i = 1; i < ...

  3. ajax 入参为list_ajax向后台传入List

    1. POJO public class Classtime { private Byte id; private String cno; private String ctime; 2. JS va ...

  4. springboot接口入参下划线转驼峰以及返回参数驼峰转下划线实现

    转自:springboot接口入参下划线转驼峰以及返回参数驼峰转下划线实现 - 李东平|一线码农 - 博客园 (cnblogs.com) 1.背景 在实际开发中,通常来说java里面是使用驼峰的命名规 ...

  5. HTML页面之间传递Json格式数组的方式

    HTML页面之间传递Json格式数组的方式 如下: a.html localStorage.setItem("userinfoList", JSON.stringify(list) ...

  6. springmvc 传递和接收数组参数

    java url中如何传递数组,springMVC框架controller类如何接收数组参数? 下面介绍一下URL中传递数组参数方法: dd.do?titles[]=col1&titles[] ...

  7. python函数和方法的入参格式有哪些_Python函数的参数常见分类与用法实例详解

    本文实例讲述了Python函数的参数常见分类与用法.分享给大家供大家参考,具体如下: 1.形参与实参是什么? 形参(形式参数):指的是 在定义函数时,括号内定义的参数,形参其实就是变量名 实参(实际参 ...

  8. java根据入参不同调不同方法_java根据传入参数不同调用不同的方法,求高手支妙招!...

    java根据传入参数不同调用不同的方法,求高手支妙招! 关注:138  答案:5  mip版 解决时间 2021-02-02 20:33 提问者我微笑着泪滴 2021-02-02 07:00 比如in ...

  9. 对称加密——对入参进行DES加密处理

    体验更优排版请移步原文:http://blog.kwin.wang/programming/symmetric-encryption-des-js-java.html 对称加密是最快速.最简单的一种加 ...

最新文章

  1. Java 线程 笔记(1)
  2. GBRT(GBDT)(MART)(Tree Net)(Tree link)
  3. HttpClient 4 API –获取状态码-getStatusLine()。getStatusCode()示例
  4. 虚拟机vmware硬盘扩容方法
  5. [tomcat]-tomcat8安装apr
  6. Python模拟黑客帝国影片中的终端动画脚本
  7. HTML将广告关闭的JS代码,js实现可关闭的对联对联广告代码广告效果代码
  8. 厦门大学计算机专业录取分数线2019,厦门大学录取分数线2019
  9. 游戏编辑器制作(3)
  10. VNC桌面无法打开终端:Failed to execute default Terminal Emulator. Input/output error.
  11. 湖北5G继续加码!今年投资64亿元,新建5G基站5万个
  12. php 图片印章_php版圆形印章生成器
  13. python从属关系编号_42:对象、类、以及从属关系
  14. 普通用户使用su无法切到root用户的解决方法
  15. 神策数据微信小程序 SDK 功能介绍 | 数据采集
  16. Python下对信号的捕获以及优雅的处理
  17. 南大通用数据库-Gbase-8a-学习-26-UDF自定义函数(C、python外部函数)
  18. Notepad++支持插入特殊字符
  19. fortran:计算第二类椭圆积分
  20. Soundwire 的 Machine Driver

热门文章

  1. 利用std::allocator实现自定义的vector类
  2. 区分:AndroidDriver, iOSDriver, AppiumDriver and Remote WebDriver
  3. POJ-3281-Dining(求一对二最大匹配数/最大流)
  4. PHP用空格分割文本为数组的方法
  5. mysql 事务 视图 存储过程 触发器
  6. c语言填空三个数找中间大小,2013计算机等级考试二级C语言填空题.doc
  7. elementui 隐藏输入框_elementui select下拉框输入完全匹配值则下拉隐藏
  8. java list clear 垃圾回收_list.clear()vs list = new ArrayList Integer(); [重复]
  9. python章节总结_《Python深度学习》第一章总结
  10. 数组排序思想———选择排序