ajax传递map参数给后端
向后端传递一个参数
/*** 前端ajax代码部分*/var map = '{"account":"' + account + '"}';
//设定一个事件触发ajax
$.ajax({type : 'POST',contentType : 'application/json;charset=utf-8',url : "/",processData : false,dataType : 'json',data : map,success : function(data) {if(data == 1) {$("#text").html('<font color="#000000">aaa</font>');} else if(data == 0) {$("#text").html('<font color="#000000">aaa</font>');} else {$("#text").html('<font color="#000000">aaa</font>');}},error : function() {$("#text").html('<font color="#000000">aaa</font>');}
});
后端:
/*** 后端controller代码部分*/@RequestMapping("/")
public @ResponseBody Integer ajaxDemo(@RequestBody Map map) {try {//接收前端传递的mapString str = (String) map.get("account");//假设做了一系列操作,判断是否return 0if() return 0;} catch (Exception e) {e.printStackTrace();}return 1;
}
传递多个参数:
/*** 前端ajax代码部分*/var map = '{"id":"' + $("#id").val() + '","name":"' + name+ '","price":"' + price+ '"}';
// 设定一个事件触发ajax
$.ajax({type : 'POST',contentType : 'application/json;charset=utf-8',url : "/",processData : false,dataType : 'text',data : map,success : function(data) {var users = eval("("+data+")"); var str = "";//用循环输出 users, i为index位置, user为每次循环的当前元素$.each(users, function (i, user) { str += 'Account: <font size="3"><b>' + user.account + ' </b></font> '+ ' Name: <font size="3"><b>' + user.name + '</b></font>';str += '<a href="/?id='+ user.account + '&name=' + user.name + '" onclick="click();">aaa</a>';str += '<hr align="left" width="20%">';}); //将 str 在页面中输出$("#List").html(str);},error : function() {$("#List").html('');}
});
后端:
@RequestMapping("/")
public @ResponseBody List<User> ajaxDemo(@RequestBody Map map) {List<User> list = null;try {//接收前端传递的mapString str = (String) map.get("id");String str = (String) map.get("name");String str = (String) map.get("price");//假设做了一系列操作} catch (Exception e) {e.printStackTrace();}return list;
}
网站资料,值得学习!
ajax传递map参数给后端相关推荐
- Mybatis的Mapper方法中传递map参数的写法
Mybatis的Mapper方法中传递map参数的写法 当我们在进行数据分页查询时,如果想让Mybatis的分页查询返回Map对象的集合,我们需要在查询的方法上使用单个参数或者使用Map对象作为参数进 ...
- ajax传递多参数类型,Ajax传递不同类型的参数
1.目录结构: 1.传递普通的参数 2.传递对象 3.传递List 4.传递数组 1.1 前端页面 前端页面.png 1.2 HTML代码 注意:需要引入layui噢 button{ margin-t ...
- jquery 乱码 传参_jquery ajax传递中文参数乱码问题及解决方法说明
jQuery传递中文参数乱码,原因是默认的传递方式没有采用UTF-8,所有我们可以在传递参数的时候对参数进行编码,然后再操作,代码如下,红色的代码为传递的参数,已标注 smsubmitclick = ...
- ajax传递数组参数
var arr=new Array(); arr[0]='param'; arr[1]='param2'; $.ajax({url:请求地址,data:{params:arr},type:" ...
- ajax get传递数组参数吗,ajax 传递数组参数
我的参数中有数组: 比如var req = { ids: [1, 2, 3]} ajax 写法必须把 req 进行字符串化,然后设置 contentType: "application/js ...
- ajax传递复杂参数
使用mvc测试Demo ================view================ @{ViewBag.Title = "Index";Layout = null; ...
- ajax 传递数组参数
示例 var req = {ids: [1, 2, 3] } $.ajax({url: '/.../delete-by-ids',type: 'post',data: JSON.stringify(r ...
- 使用ajax发送数组请求,Ajax请求传递数组参数
var ids = []; var rows=$("#tt").datagrid("getSelections"); for(var i=0; i ids.pu ...
- ajax里数组添加数据,小笔记(一):ajax传递数组及将ajax返回数据赋值
当使用ajax传递数据时,有可能传递多个数据,这是使用以下方法传递数据就会显得数据过多且混杂 $.ajax({ type:'post', url:url, data:{data:data,conten ...
最新文章
- Python 2 和 3 的区别及兼容技巧
- 人脸识别技术大总结(1):Face Detection Alignment
- Apple Swift编程语言入门教程
- Using command line switches to fix Outlook 2010 not Responding
- ZOJ 3430 Detect the Virus 【AC自动机+解码】
- Win8.1部署 .NET Framework 3.5 安装方式
- 前端学习(1997)vue之电商管理系统电商系统之渲染tab栏标签
- tfs 未能在以下位置创建报表文件夹 /TfsReports: 授予的权限不足,无法执行此操作
- 《编程珠玑(第2版•修订版)》—第2章2.2节无处不在的二分搜索
- 实战:Redis 性能优化方案
- webapi部署到IIS 404错误
- 阿里云、腾讯云、华为云哪个好?迄今最全面的云服务评测报告出炉(转)
- 从「蒸汽时代」到「高铁时代」,SUNMI DevOps 转型之路 | 原力计划
- HISI3536安装交叉编译工具链
- CentOS修改时区
- 个人信息安全规范----1、个人信息安全术语及定义
- 传统蓝牙HCI(Bluetooth HCI)的概念介绍
- 蔡司数码视疲劳测试软件_[专题]重度近视别担心!!蔡司数码型镜片真实测评,带给我不一样的体验...
- Free-Form Image Inpainting with Gated Convolution
- u盘在计算机硬盘量,电脑硬盘指示灯一直亮怎么办
热门文章
- luogu_1984 [SDOI2008]烧水问题
- NSTimer、CADisplayLink、GCD 三种定时器的用法 —— 昉
- android.content.res.Resources$NotFoundException: String resource ID XXXX
- (二)原生JS实现 - 事件类方法
- C语言指向结构体的指针的例子
- iphone开发中sqlite3说明
- python里turtle.circle什么意思_Python turtle.circle方法代碼示例
- linux查看系统内存和使用量,LINUX 查看当前系统的内存使用情况
- 服务器好玩的项目_听说女神还没买到回家的车票,程序员小P偷偷架起了服务器...
- vue svg sprite loader_Vue项最佳实践