关于action将map通过json传回ajax遍历的问题，以及jquery遍历注意编码方式

ajax遍历map

在开发中，经常会遇到在页面生成之后要根据界面操作动态更改页面数据的问题，这种时候一般使用ajax。当数据比较丰富，我们从后台用map将数据封装传回ajax时，使用js、jquery遍历。

使用$.each(collection,function(key,value))

我这里使用 ajax请求成功，得到的是一个Map<String, Map<String,Course>> 类型的Map,在success中可以使用jquery进行遍历如下.

success:function(data){var sch = data.schedule;$.each(sch,function(key,values){//每一行var tr = "<tr>";tr = tr+"<td>"+key+"</td>";//节次$.each(values,function(key,value){tr = tr + "<td>"+value.cName+"</td>";});tr = tr + "</tr>";$("table").append(tr);})},

注意

如果你的map中有中文字符数据的话，最好在Action的请求方法，使用response写响应数据时，设置response的编码方式


HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=UTF-8");

也可以在前端用 JSON.parse() 方法解析 json 字符串：

jquery遍历得到的 Map 数据，相关推荐

jQuery 遍历 (each、map)
jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止 ...
Vue中JS遍历后台JAVA返回的Map数据,构造对象数组数据格式
场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图: SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图_BADAO_LIUMANG_ ...
jquery 遍历java对象,js/jquery遍历对象和数组的方法分析【forEach，map与each方法】...
本文实例讲述了js/jquery遍历对象和数组的方法.分享给大家供大家参考,具体如下: JS forEach方法 arr[].forEach(function(value,index,array){ ...
ajax 循环html元素,AJAX返回API数据并使用jQuery循环遍历嵌套的JSON数据
我使用AJAX连接到返回JSON对象的API(请参阅下面的JSON代码参考),并试图循环并解析要在HTML元素内部呈现的JSON数据.AJAX返回API数据并使用jQuery循环遍历嵌套的JSON数据 ...
jQuery 遍历数据
在jQuery 中, $.each( )方法主要用于遍历数据,通过该方法,我们可以遍历任何一个对象,比如数组和对象. 语法格式: $.each(object,function(index,ele)) ...
【jQuery 遍历】 - map() 方法
构建表单中所有值的列表: $("p").append( $("input").map(function(){return $(this).val();}).ge ...
剖析遍历抓取的html标签数据,Jquery遍历数组(包括获取后端数据后的操作)和遍历标签(class名)...
//遍历数组(获取后端数据如何遍历操作) var status = 1; //自定义状态 $('.tables-detail').html(""); //调用ajax ...
jQuery操作Dom元素、jQuery遍历、JavaScript遍历
目录 jQuery操作Dom元素 jQuery遍历几种方式 JavaScript遍历 jQuery操作Dom元素 jQuery的主要用法为"选择某个dom元素,再对其进行某种操作" ...
jQuery 遍历方法
jQuery 遍历方法方法描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃.addBack() 的别 ...

jquery遍历得到的 Map 数据，

关于action将map通过json传回ajax遍历的问题，以及jquery遍历注意编码方式

ajax遍历map

使用$.each(collection,function(key,value))

注意

jquery遍历得到的 Map 数据，相关推荐

最新文章

热门文章