前台用的是ajax请求，后台json字符串拼接方式

     后台：

 

     List<Xi> xis = xiDao.findAllXi();
     JSONArray json = JSONArray.fromObject(xis);
     String jsonStr = json.toString();
     response.setContentType("text/plain;charset=utf-8");
     PrintWriter out = response.getWriter();
     out.print(jsonStr);
     out.flush();
     out.close();

 

前台：

function getXmlHttpRequest(){
  var xhr=null;
  if((typeof XMLHttpRequest)!='undifined'){
   xhr=new XMLHttpRequest();
  }else{
   xhr=new ActiveXObject('Microsoft.XMLHttp');
  }
  return xhr;
 }

 function loadOptions(){
  var xhr=getXmlHttpRequest();
  xhr.open("post","list.do",false);
  xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  xhr.onreadystatechange=function(){
   if(xhr.readyState==4){
    if(xhr.status==200){
     var trVal = "";
     var txt=xhr.responseText;
     var stu=eval("("+txt+")");
     for(var i=0;i<stu.length;i++){
       trVal += "<tr><td id='stuId'>"+stu[i].studentId+"</td><td>"+stu[i].studentName+"</td><td>"+stu[i].studentNum+"</td><td>"
       +stu[i].studentBegin+"</td><td>"+stu[i].studentIsGraduate+"</td><td>"+stu[i].studentClassId
       +"</td><td><a href='stuList.do?id="+stu[i].studentId+"'>修改</a></td></tr>";
     }
     $("#studentInfo").append(trVal);
    }
    else{
     alert("ERROR");
    }
   }
  };
  xhr.send(null);
 }