estimados
Junto con saludarles, les quiero realizar la siguiente consulta. Resulta que tengo un boton buscar en donde trae todos los clientes de la bd, esto lo hago mediante ajax. Se conecta a la pagina, y cuando quiero desplegarlo en el div especifico, no me muestra nada. Adjunto les envio el codigo haber si me puede ayudar master. Gracias.
funcion.js
Código:
function cargarCombo (url, comboAnterior, element_id) {
var element = document.getElementById(element_id);
var fragment_url = url+'?Id=1';
//element.innerHTML = '<option>Cargando</option>';
alert("fragment_url " + fragment_url);
alert("element " + element );
peticion.open("GET", "../../consultas/" + fragment_url);
peticion.onreadystatechange = function() {
if (peticion.readyState == 4) {
element.innerHTML = peticion.responseText;
//element.innerHTML = "<p>Hola mundo</p>";
//document.getElementById(element_id).innerHTML = peticion.responseText;
}
}
peticion.send(null);
}
codigo formulario jsp
Código:
<form onsubmit="cargarCombo('obtenerClientes.jsp','','tablas_clientes');">
<table>
<tr>
<td><input type="radio" value="anual" name="fecha"/></td>
<td>Anual</td>
<td><select name="anno">
<option value="2008">2008</option>
<option value="2007">2007</option>
</select>
</tr>
</table>
</form>
<div id='tablas_clientes'>
</div>
obtenerClientes.jsp
Código:
<%
conexion con = new conexion();
List<Cliente> clientes = new ArrayList<Cliente>();
clientes = con.listaClientes();
out.println("<table border='1'>");
out.println("<tr>");
out.println("<td>Razon Social</td>");
out.println("<td>Rut</td>");
out.println("<td>Sucursal</td>");
out.println("<td>Comuna</td>");
for(Iterator iterator = clientes.iterator(); iterator.hasNext(); ){
Cliente cliente = new Cliente();
cliente = (Cliente) iterator.next();
out.println("<tr>");
out.println("<td>" + cliente.getRazonSocial()+ "</td>");
out.println("<td>" + cliente.getRut()+ "</td>");
out.println("<td>Pendiente</td>");
out.println("<td>" + cliente.getComuna() +"</td>");
}
out.println("</table>");
%>
Gracias por su ayuda