java后台list集合传值到前台，再取值的几种方法

1.在jsp页面中嵌套 java代码：

首先jsp页面中导入java的工具类

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

//在js中插入java代码操作
	    <%
	  		//取出java后台设置好的userList
	  		List<Map<String,String>> userList = (List<Map<String,String>>)request.getAttribute("userList");
	    	//如果userList的值为空则实例化
	  		if(userList==null){
	  			userList = new ArrayList<Map<String,String>>();
	  		}
	    %>
	    //如果userList内有数据 
	  	if (<%=userList.size()%>>0) {
		  <%
		  		//遍历list中的内容
		  		for (Map<String,String> user : userList) {
					String userId = user.get("userId");
					String userName = user.get("userName");
		  %>
		  		//在java遍历中调用js方法，传参
		  		toAdd("<%=userId%>","<%=userName%>");
		  <%
		  		}
		  %>
		//如果userList中无知就要把java后台设置好的两个参数拿出来做参数
		}else{
			//销售人员ID
	 	    var userId = "${userId}";
	 	  	//销售人员姓名
	 	  	var userName = "${userName}";
			toAdd(userId,userName);
		}
	  

2.在jsp页面中forEach获取：

　<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>

3.在后台先把list转成json格式，然后js中使用var arr = eval（‘${list}'）;将list转成js数组。

后台

JSONArray object=JSONArray.fromObject(yourlist);
request.setAttribute("agentsList", object);

前台

var agentsList =  eval('${agentsList}')
	for (var i = 0; i < agentsList.length; i++) {
		var array_element = agentsList[i];
		
	}

4.后台还是把list转成json，js中使用var arr = jQuery.parseJSON('${list}')将list转成数组

var arr = jQuery.parseJSON('${list}')
for (var i = 0; i < list.length; i++) {
		var array_element = list[i];
		//alert(array_element.agentPhone);
	}

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

后台：

 @RequestMapping(value="/findReply")
    @ResponseBody
    public 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;
    }

前台：

  var mid;
    function LookReply(mid){
        $.ajax({
            dataType:"json",
            type:"POST",
            url:"../reply/findReply.action",
            data:{mid:mid},
            success:function(data){
                var arr=data.replies;//如果前方代码取值不称就用这个：jQuery.parseJSON(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(系统错误);
            }
        });
    }