Help me ajax y jsp

[manolits]

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

[manolits]

ya cache por donde va el problema. Va donde tengo un form que es donde esta el boton de busqueda, y tengo otro div fuera de ese form donde pongo el id que quiero donde desplegar la informacion, y es ahi donde no me carga la informacion. Como podre enviar la informacion que salga del form y pasarlo a otro id. ojala me hayan entendido gracias por todo :D

[Adler]

Hola

No estás indicando que método usar para crear el objeto XMLHttpRequest

Prueba con esto

Código javascript:

function creaAjax(){
    var ajaxs = ["Msxml2.XMLHTTP","Msxml2.XMLHTTP.4.0","Msxml2.XMLH TTP.5.0","Msxml2.XMLHTTP.3.0","Microsoft.XMLHTTP"];
    var ajax = false;
    for(var i=0 ; !ajax && i<ajaxs.length ; i++){
        try{ 
            ajax = new ActiveXObject(ajaxs[i]);
        }
        catch(e) { 
            ajax = false; 
        }
    }
    if(!ajax && typeof XMLHttpRequest!='undefined') {
        ajax = new XMLHttpRequest();
    }
    return ajax;
}
 
var petion
function cargarCombo (url, comboAnterior, element_id) {
peticion = creaAjax()
      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);
  }
 

Suerte