Question

java新手，我把list转成json，遍历每一行插入到表格中，alert了一下发现他把所有的id都循环了好几遍

我把list转成json，遍历每一行插入到表格中，alert了一下发现他把所有的id都循环了好几遍，是哪里写的不对？框架用的spring+mybatis，list取过来数据库的所有查询
controller:
@Controller
@RequestMapping("/testDelController")
public class TestDelController {
@Autowired
private TestService testService;
@RequestMapping("/{id}/testDel")
public String testDel(@PathVariable String id,HttpServletRequest request){
Test t = testService.selectByPrimaryKey(id);
request.setAttribute("testdel", t);
return "TestDel";
}
@RequestMapping("/testAllController")
@ResponseBody
public JSON testAll(){
List<Test> list =testService.getAll();
JSONArray json = new JSONArray();
json.addAll(list);
return json;
}
}
前台jsp:<script type="text/javascript">
$.ajax({
type:'POST',
url:'testDelController/testAllController.do',
dataType:'json',
success:function(data){

for(var i=0;i<data.length;i++){
$("#mytab tbody").append("<tr>");
$.each(data,function(j,k){
alert(k.id);
$("#mytab tbody").append("<td>"+j+"</td>");
$("#mytab tbody").append("<td>"+k.id+"</td>");
$("#mytab tbody").append("<td>"+k.biaoti+"</td>");
$("#mytab tbody").append("<td>"+k.thetime+"</td>");
});
$("#mytab tbody").append("</tr>");
}
},error:function(text){}
});

</script>

Answer 1

你有两层循环，一个for,一个$.each，肯定会多次

for(var i=0;i<data.length;i++){
                		$("#mytab tbody").append("<tr>");
                		$.each(data,function(j,k){
                			alert(k.id);
                			$("#mytab tbody").append("<td>"+j+"</td>");
                			$("#mytab tbody").append("<td>"+k.id+"</td>");
                			$("#mytab tbody").append("<td>"+k.biaoti+"</td>");
                			$("#mytab tbody").append("<td>"+k.thetime+"</td>");
                		});
                		$("#mytab tbody").append("</tr>");
                	}

改为：

$.each(data,function(j,k){
    alert(k.id);
    $("#mytab tbody").append("<tr>");
    $("#mytab tbody").append("<td>"+j+"</td>");
    $("#mytab tbody").append("<td>"+k.id+"</td>");
    $("#mytab tbody").append("<td>"+k.biaoti+"</td>");
    $("#mytab tbody").append("<td>"+k.thetime+"</td>");
    $("#mytab tbody").append("</tr>");
});