list集合转换成json数据，ajax请求返回json数据，再通过循环显示出来

之前在网上查了很多关于循环显示ajax返回值的方法，很多都不对的，显示不了我要的结果。后来自己鼓捣出来了，发出来分享一下自己的成果。因为ajax不能返回集合的，需要把集合list转换成json返回，再用循环的方式，显示出结果。

操作层

//编码方式
request.setCharacterEncoding("utf-8");
//创建String对象，接受传递过来的值
String str=request.getParameter("fenlei");
System.out.println(str);
//创建Hero的对象，为了调用Hero的方法
Hero hero=new Hero();
//hero调用HeroFenLei()，加上参数str，把获得的值，赋给集合
List<HeroMessage> list=hero.HeroFenLei(str);
JSONArray listArray=JSONArray.fromObject(list);

response.setCharacterEncoding("utf-8");

response.getWriter().write(listArray.toString());

jsp页面

$(function(){
$("#zhanshi input").click(function(){
alert("sda");
$("#ziliaoku_hero table").css("display","none");
$.ajax({
//传输方式
type:"post",
url:"herofenlei",
data:{"fenlei":$("#zhanshi input").val()},
dataTpye:"json",
success:function(data){
var json=eval(data);
var con;
$.each(json,function(index,item){
var s1=json[index].heroHear;
var s2=json[index].herowaihao;
con+="<td ><img src='"+s1+"'  width='64px' height='64px'  /><p style='font-size: 15px;'>"+s2+"</p></td>"; 
});
console.log(con);
$("#zhanshi11").html(con);
}
});  
});
});