向后端传递一个参数

/*** 前端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参数给后端相关推荐

  1. Mybatis的Mapper方法中传递map参数的写法

    Mybatis的Mapper方法中传递map参数的写法 当我们在进行数据分页查询时,如果想让Mybatis的分页查询返回Map对象的集合,我们需要在查询的方法上使用单个参数或者使用Map对象作为参数进 ...

  2. ajax传递多参数类型,Ajax传递不同类型的参数

    1.目录结构: 1.传递普通的参数 2.传递对象 3.传递List 4.传递数组 1.1 前端页面 前端页面.png 1.2 HTML代码 注意:需要引入layui噢 button{ margin-t ...

  3. jquery 乱码 传参_jquery ajax传递中文参数乱码问题及解决方法说明

    jQuery传递中文参数乱码,原因是默认的传递方式没有采用UTF-8,所有我们可以在传递参数的时候对参数进行编码,然后再操作,代码如下,红色的代码为传递的参数,已标注 smsubmitclick = ...

  4. ajax传递数组参数

    var arr=new Array(); arr[0]='param'; arr[1]='param2'; $.ajax({url:请求地址,data:{params:arr},type:" ...

  5. ajax get传递数组参数吗,ajax 传递数组参数

    我的参数中有数组: 比如var req = { ids: [1, 2, 3]} ajax 写法必须把 req 进行字符串化,然后设置 contentType: "application/js ...

  6. ajax传递复杂参数

    使用mvc测试Demo ================view================ @{ViewBag.Title = "Index";Layout = null; ...

  7. ajax 传递数组参数

    示例 var req = {ids: [1, 2, 3] } $.ajax({url: '/.../delete-by-ids',type: 'post',data: JSON.stringify(r ...

  8. 使用ajax发送数组请求,Ajax请求传递数组参数

    var ids = []; var rows=$("#tt").datagrid("getSelections"); for(var i=0; i ids.pu ...

  9. ajax里数组添加数据,小笔记(一):ajax传递数组及将ajax返回数据赋值

    当使用ajax传递数据时,有可能传递多个数据,这是使用以下方法传递数据就会显得数据过多且混杂 $.ajax({ type:'post', url:url, data:{data:data,conten ...

最新文章

  1. Python 2 和 3 的区别及兼容技巧
  2. 人脸识别技术大总结(1):Face Detection Alignment
  3. Apple Swift编程语言入门教程
  4. Using command line switches to fix Outlook 2010 not Responding
  5. ZOJ 3430 Detect the Virus 【AC自动机+解码】
  6. Win8.1部署 .NET Framework 3.5 安装方式
  7. 前端学习(1997)vue之电商管理系统电商系统之渲染tab栏标签
  8. tfs 未能在以下位置创建报表文件夹 /TfsReports: 授予的权限不足,无法执行此操作
  9. 《编程珠玑(第2版•修订版)》—第2章2.2节无处不在的二分搜索
  10. 实战:Redis 性能优化方案
  11. webapi部署到IIS 404错误
  12. 阿里云、腾讯云、华为云哪个好?迄今最全面的云服务评测报告出炉(转)
  13. 从「蒸汽时代」到「高铁时代」,SUNMI DevOps 转型之路 | 原力计划
  14. HISI3536安装交叉编译工具链
  15. CentOS修改时区
  16. 个人信息安全规范----1、个人信息安全术语及定义
  17. 传统蓝牙HCI(Bluetooth HCI)的概念介绍
  18. 蔡司数码视疲劳测试软件_[专题]重度近视别担心!!蔡司数码型镜片真实测评,带给我不一样的体验...
  19. Free-Form Image Inpainting with Gated Convolution
  20. u盘在计算机硬盘量,电脑硬盘指示灯一直亮怎么办

热门文章

  1. luogu_1984 [SDOI2008]烧水问题
  2. NSTimer、CADisplayLink、GCD 三种定时器的用法 —— 昉
  3. android.content.res.Resources$NotFoundException: String resource ID XXXX
  4. (二)原生JS实现 - 事件类方法
  5. C语言指向结构体的指针的例子
  6. iphone开发中sqlite3说明
  7. python里turtle.circle什么意思_Python turtle.circle方法代碼示例
  8. linux查看系统内存和使用量,LINUX 查看当前系统的内存使用情况
  9. 服务器好玩的项目_听说女神还没买到回家的车票,程序员小P偷偷架起了服务器...
  10. vue svg sprite loader_Vue项最佳实践