Ajax接收并显示后台传来的list集合内的数据信息

最近在学习Ajax做一个留言系统的时候碰到需要将list集合从后台传到前台ajax接收并显示的情况，在网上搜了很多，但很多情况都不是和我遇见的情况一样的，现在，直接贴出我的问题及解决方法。
后台代码：

@RequestMapping(value="/findReply")@ResponseBodypublic Map<String, Object> findReply(int mid){System.out.println("mid:"+mid);List<Reply> replies=replyService.findReply(mid);Map<String, Object> map = new HashMap<String, Object>();map.put("replies", replies);return map;}

后台是springMVC，将查询的集合replies放进map，返回到前台。

前台ajax接收代码如下：

var mid;function LookReply(mid){$.ajax({dataType:"json",type:"POST",url:"../reply/findReply.action",data:{mid:mid},success:function(data){var arr=data.replies;for(var i=0;i<data.replies.length;i++){var name=arr[i].replier;var content=arr[i].reply;var time=arr[i].time;$('#reply_'+mid).prepend("<dl style='background-color:pink;'><dt>"+content+"</dt><dd>回复者："+name+"</dd><dd>回复时间："+time+"</dd></dl>");}  },error:function(data){alert(系统错误);}});}

注意：

var arr=data.replies;

这部分代码是，后台传出的是map，并不是直接的list集合replies，list集合replies是放进map集合内传出的，所以data接收的是map，需要显示的是list集合replies内的信息，所以在前台新new一个对象接收map内的replies集合，来代替replies。

信息的获取注意for循环内的代码，当然也可以使用each进行循环遍历。

$('#reply_'+mid)

这个地方是和下边的html代码结合使用的，下边的html代码是循环输出，所以使用信息的id动态为div赋予id名。

html代码如下：

    <c:forEach items="${messages }" var="message"><div><div><p><font color="red">${message.content }</font></p></div><div><button onclick="LookReply(${message.mid })">查看回复</button></div><div id="reply_${message.mid }"></div></div><br></c:forEach>

Ajax接收并显示后台传来的list集合内的数据信息相关推荐

Ajax接收并展示后台传来的list集合内的数据信息
后台是springMVC,将查询的集合replies放进map,返回到前台. @RequestMapping("manage/queryTime")@ResponseBodypub ...
html显示后台传来的byte类型的数据_java的数据类型
java数据类型分为基本数据类型和引用数据类型,基本数据类型又分为整数型.浮点型.字符型.布尔型.引用类型有数组.类.接口. java的数据类型 Java基本数据类型: 1.四种整数类型(byte.s ...
[js] ajax如何接收后台传来的图片？
[js] ajax如何接收后台传来的图片? 1.设置responseType为 Blob,2.将Blob保存为文件个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎 ...
ajax接收后台传来的图片
图片与base64的转换图片对象转换base64 ByteArrayOutputStream baos = new ByteArrayOutputStream();//io流ImageIO.writ ...
Jsp页面接收解析后台传来的链表和对象
最近写的前端页面用到了和后台的数据交互,后台用的是SpringMVC架构,因为之前对Ajax有些了解,所以一想到数据交互,第一反应就是Ajax,而没有想到Ajax的使用场合,完全忽略了后台使用Spri ...
jQuery AJAX 方法 success()后台传来的4种数据
1.后台返回一个页面 js代码 /**(1)用$("#content-wrapper").html(data);显示页面*/ $.ajax({async : false,cache ...
ajax传递数组到后台时为空,ajax传递数组，后台接收为null解决方法
traditional:true,加上这个就好,默认为false,即允许深度序列化参数,但是servlet api不支持,所有设为true阻止就好了. $.ajax({ type:'post', ur ...
php ajax向后台怎么传数组,利用ajax传递数组及后台接收的方法详解
这篇文章主要给大家介绍了关于利用ajax传递数组及后台接收的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们一起来学习学习吧. 前言我们在使用ajax异步的提交多选框得到需要 ...
【看板】ajax动态获取后台传来json数据，加载到页面表格中
ajax动态获取后台传来json数据,加载到页面表格中摘要 1.WebApi 2.看板HTML 3.ajax获取后台传来的数据:在这里要注意声明提升,所以需要在for循环外var str1 = &q ...

Ajax接收并显示后台传来的list集合内的数据信息

Ajax接收并显示后台传来的list集合内的数据信息相关推荐

最新文章

热门文章