js如何处理后台传递过来的Map

最新推荐文章于 2022-05-27 20:35:44 发布
最新推荐文章于 2022-05-27 20:35:44 发布
阅读量1.8k 收藏 4
点赞数 1
原文链接：http://www.cnblogs.com/llfddmm/p/7999240.html
版权

在后台先将map进行处理：将Map 变成json字符串，然后传递到前台

model.addAttribute("map", JSONObject.fromObject(map).toString());

 在前台获取： var date = eval('(' + '${map}' + ')');

　　　　　　 var value = date[key];

 

转载于:https://www.cnblogs.com/llfddmm/p/7999240.html

weixin_30668887
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javaScript如何处理从java后台返回的list
01-19
事情： 从java后台返回List<String>类型数据，用于界面显示。但js中想获取它并操作它。直接使用EL表达式，js把它识别成字符串了。不是我想要的啊。。网上搜了搜大家的解决方案…最好的当然是把List集合转成json格式传到界面上。这样js里面操作也简单，页面也没有影响。 解决： 将List<String> 转成json,传到界面。js中使用var arr = eval（‘${list}’）;将list转成js数组。 我的代码： 代码如下: var keyList = eval(‘${keysList}’); var values = $(“#paramsValues”).val(
获取后端传给前端的map的值和键
最新发布
kdjfh的博客
02-28 195
【代码】获取后端传给前端的map的值和键。
js解析后台传过来的数组或者map
冷夜轩的博客
10-18 9141
数组   //后台 JSONArray.fromObject(projectInputVo.getProjectStatus()).toString() //前台 var arr = eval('(' + '${projectStatusValues}' + ')'); //标签 var boxObj = $("input:checkbox[name='checkStatus']")...
用map函数处理从后端拿到的数据
weixin_48503807的博客
05-27 1352
用map函数处理从后端拿到的数据 ###前情提要： ​ 在2022年5月17日，在实习中需要调用接口拿到数据在前端页面渲染，但导师给过来的数据又多又杂，需要进行过滤提取使用，且请求到的数据各名称与我写的名称不一样。 ###解决办法： 1. 采用 for 循环来循环请求回来的数组中每一项item。（不建议） 2. 采用 map 方法，下面将介绍 map 函数。 map 介绍： ​ map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 ​ map() 方法按照原始数组元素顺序依次
JS遍历Map集合方法 JS如何循环遍历后台传过来的Map？
qq_36476631的博客
01-12 3583
HashMap集合经后台转为json字符串，并返回前台。 JS接收到集合后可通过以下代码遍历： // 接收Map集合 var result = data.result; // 循环遍历Map集合 for(var key in result){ alert(key); // key值 alert(result[key]); // value值 } ...
对后台传的map集合js进行封装,并且放在统计图里面
zhang1278851469的博客
09-05 292
** 对后台传的map集合js进行封装,并且放在统计图里面 ** js代码 <script type="text/javascript"> $.ajax({ url:'', type:'post', data:{}, dataType:'json', success:function(data){ var tempHtm...
基于JavaScript的数据可视化实验室后台管理系统源码+项目说明(期末大作业).zip
08-21
* Controller层：获得前端的param，验证页数和条数是否为空，最后调用业务层将PageUtil（页数类，用于获取前端发送过来的map数据中的页数和条数）对象传递过去。 * Service层：调用DAO层两个方法，返回PageResult类...
解决angularjs前后端分离调用接口传递中文时中文乱码的问题
12-11
2、这里是以java后台为例需要进行一次解码 URLDecoder.decode("接受到的String类型参数","UTF-8") 示例如下： @RequestMapping("looked_list") public Map lookedList(@RequestParam Map map) throws ...
jQuery ajax json 数据的遍历代码
01-19
先给大家说下我的需求：进行ajax请求后，后台传递回来以下json数据。 具体实现代码如下所示： JavaScript代码 { data:[ {id:1,name:选择A,value:A}, {id:2,name:选择B,value:B}, {id:3,name:选择C,value:C} ] } 对...
js调用百度地图，地图数据存入数据库
12-15
webForm1.aspx 从数据库得到datatable数据，传递给页面js函数。通过百度js aspi 生成页面地图。 后台函数说明 GetXYTipStr(System.Data.DataTable vdt) 参数是 datatabel ,你可用你的ado之类的访问数据库生成。...
js如何处理前台传递过来的Map
Seven的博客
10-31 1万+
1.背景实习期间，调试BUG的时候发现一个很奇怪的事，同样是Map传递到前台给js解析，为什么一个能直接使用eval 接收，另一个却不行 后台使用model.set(“data”,mapObject); 前台使用 var data=eval(“(“+’${data}’+”)”) 然后获得data[‘key’]2.原因分析data.put("test1","苹果")； data.put("tes
关于jstl中foreach遍历list中map的问题
weixin_34301132的博客
02-18 303
在jsp中需要通过由于一些原因需要处理后台传来的一个数据。是一个List，List中包含几个map，而这个map还不是存入的是一个对象，而是类似选择题的一样A,B,C,D的键值对，而我想得到的效果如下图： 假设此时你使用的三层foreach而不加任何属性，那么肯定不会出现我想要的结果 而在jsp中的foreach是不像java里面的fo...
js获取后台map格式数据
boyames的博客
08-11 2174
js获取后台map格式数据 后台：（得先后数据） Map res = new HashMap(2); res.put("result","error2"); res.put("message","验证码不能为空！"); js： $.ajax({ type:"POST", url:"http://localhost:8080/users/checkLogin", data:checkUserParams, dataType:"json",
前台js传入json或map类型数据给后台以及后台java接收操作
热门推荐
yufeng005的博客
08-03 3万+
问题描述：js端前台传json（对象数组）给后台（ajax post类型提交）
js获取遍历后台传过来的map对象
健康平安的活着的专栏
12-24 1万+
1.后台代码 public ModelMap totalWechatData(){ ModelMap map =new ModelMap(); //1.查询发布日期热度词 String xaxisData[]={"wechat_pulbic_num","webpage_wechat","webpage_pic","image_search"}; List&lt;We...
后台返回数据为map集合，前端js处理方法
weixin_33851604的博客
04-25 9689
后台返回数据为map集合，前端js处理方法 当后台返回的数据不是json而是map集合的时候，前端js中处理就将其看作是一个数组，例如后台返回的代码入下： Map<String, String> result = new HashMap<String, String>(); map.put("code", "20...
js实用方法 ------ 格式化后端返回map数据，形成下拉列表
liu374322418的博客
02-16 733
后端map数据非前端要的数组数据
bootstrap3中将表单数据转为map后使用ajax传给后台
05-31
在Bootstrap3中，可以使用jQuery来获取表单数据并转换为Map对象，然后使用Ajax将数据传递给后台。以下是一个示例代码： ```html <!-- 在页面中定义一个表单 --> <form id="myForm"> <div class="form-group"> <label for="name">Name:</label> <input type="text" class="form-control" id="name" name="name"> </div> <div class="form-group"> <label for="email">Email:</label> <input type="email" class="form-control" id="email" name="email"> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> <!-- 在页面中引入jQuery和Bootstrap的JavaScript库 --> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <script> $(document).ready(function() { // 当表单提交时 $('#myForm').submit(function(event) { // 阻止默认的表单提交行为 event.preventDefault(); // 将表单数据转换为Map对象 var formData = {}; $('#myForm').serializeArray().map(function(x){formData[x.name] = x.value;}); // 使用Ajax将数据传递给后台 $.ajax({ type: 'POST', url: '/submit', data: formData, success: function(response) { console.log('提交成功'); }, error: function(jqXHR, textStatus, errorThrown) { console.error('提交失败:', textStatus, errorThrown); } }); }); }); </script> ``` 在示例代码中，首先定义了一个表单，其中包含了两个表单项：Name和Email。然后在JavaScript代码中，使用jQuery选择器获取表单元素，并在提交表单时阻止默认的表单提交行为。接着，使用jQuery的`serializeArray()`方法将表单数据转换为一个数组，然后使用`map()`方法将数组转换为Map对象。最后，使用jQuery的`ajax()`方法将数据传递给后台。在`ajax()`方法中，需要指定请求的类型、URL、数据、成功回调和失败回调。在成功回调中，可以处理提交成功后的业务逻辑；在失败回调中，可以处理提交失败后的业务逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值