cargar resultados en una tabla

[CarolJohana]

Buenas tardes muchachos si alguien puede ayudarme le agradeceria tengo una tabla en un campo tengo un boton quiero que apenas presione ese boton liste todos los usarios en el otro campo de la tabla. Para esto necesitaria ajax tengo el siguiente codigo.

index.html

<Script src="AJAX/ajax_listaAlumno.js"></Script>
<table border="1">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="button" value="listar" name="listar" onclick="getDetalleProducto()"/></td>
<td></td>
</tr>
<tr>
<td id="result_detalle"></td>
<td></td>
</tr>
</tbody>
</table>

ajax_listaAlumno.js

var xmlHttp

function getDetalleProducto(){
xmlHttp=new XMLHttpRequest();
if (xmlHttp==null){
alert ("Tu navegador no soporta AJAX!");
return;
}
today = new Date();
id= Math.abs(Math.sin(today.getTime()));
var url = "listarAlumno.jsp";

url = url + "&id=" + id;
xmlHttp.onreadystatechange = resultado_detalle;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function resultado_detalle(){
if (xmlHttp.readyState==4){
document.getElementById("result_detalle").innerHTM L=xmlHttp.responseText;
}
}

listarAlumno.jsp

<%
dao.daoalumno daousu= new dao.daoalumno();



ArrayList listar = daousu.listaalumno();
clases.alumno usu;

for (int i=0;i<listar.size();i++)
{
usu=new clases.alumno();
usu=(clases.alumno) listar.get(i);
out.println("<tr>");

//out.println("<td><h4><a style=\"text-decoration:underline;cursor:pointer;\" onclick=\"pedirDatos('"+ usu.getlogin()+"')\">"+ usu.getlogin()+"</a></h4></td>");
out.println("<td><h4>"+usu.getDocumento()+"</h4></td>");
out.println("<td><h4>"+usu.getNombre()+"</h4></td>");
out.println("<td><h4>"+usu.getApellidos()+"</h4></td>");
out.println("</tr>");

}

%>

Si ejecuto solo el listarAlumno.jsp me funciona perfecto me lista todos los datos de la bd ahora no se es como cargarlos en esa tabla

Agradezco de antemano al que me pudiera ayudar espero ser un como clara :)