顯示-求教將後台返回的JSON數據填充到表格的問題，js的循環怎麼寫才正確。

求教將後台返回的JSON數據填充到表格的問題，js的循環怎麼寫才正確。

後台返回的是這樣的

{"reportId":"1","className":"java","reportName":"232","teaName":"劉老師","stuName":"張同學","uploadDate":"2015-05-16","grade":"80"}

 var tableDate = "";
        $.getJSON("getReport",{ userName : userName },function(data){
            $.each(data,function(id,obj){
                tableDate += "<tr><td>"+id["reportId"]+"</td>"
                              +"<td>"+obj+"</td>"
                              +"<td>"+obj+"</td>"
                              +"<td>"+obj+"</td>"
                              +"<td>"+obj+"</td>"
                              +"<td>"+obj+"</td>"
                              +"<td>"+obj+"</td>"
                              +"<td><button>上傳</button></td></tr>"  
            }); 
//          alert(tableDate);
            $("tbody").html(tableDate);
        })

前台顯示成了這樣。。。，整個倒過來了，求教這個循環到底怎麼寫的

最佳回答：

如果each傳入的是obj對象，會把裡面的屬性數組化，所以就是你上面的結果了，每行就是一個屬性。
把data改成[data]

 $.each([data],function(id,obj){
                tableDate += "<tr><td>"+obj["reportId"]+"</td>"
                              +"<td>"+obj['className']+"</td>"
                              +"<td>"+obj['reportName']+"</td>"
                              +"<td>"+obj['teaName']+"</td>"
                              +"<td>"+obj['stuName']+"</td>"
                              +"<td>"+obj['uploadDate']+"</td>"
                              +"<td>"+obj['grade']+"</td>"
                              +"<td><button>上傳</button></td></tr>"  
            });