AJAX mal funcionamiento en IE

[nitsuga1986]

Se que este tema es muy comentado y hay miles de cosas en google, pero he intentado hacer lo que he visto en tutoriales, sobre todo este:
http://www.formatoweb.com.ar/ajax/ca...o_de_datos.php
y sigue sin funcionarme en IE.

Mi problema es simple, tengo los dos tipicos select con provincia y localidad, y en el onchange de provincia, cuando cambio de opcion, se llama a un AJAX que busca las localidades y las carga en el select, os dejo el code:

Este code, carga el select de provincias, cogiendo los resultados por SQL (simple), funciona en IE :)

Código HTML:

<select name="provincia_combo" onclick="recargarLocalidades(this.value,'localidad_combo'); return false;">
     <option selected value="">Cualquiera</option>
	<?php
		conectar();
		$rs = mysql_query("Select id,nombre from provincia order by nombre ASC");
		desconectar();
		while($res = mysql_fetch_array($rs)){
		?>
			<option value="<?php echo $res['id'];?>"><?php echo $res['nombre'];?></option>
		<?php
		}
		?>
</select> 

El problema esta al llamar a la funcion de recargarLocalidades, es esta:

Código HTML:

function recargarLocalidades(provincia,combo,localidad){
     var xmlhttp=false;
     try {
	xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (e) {
	  try {
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	  } catch (E) {
		xmlhttp = false;
	  }
      }

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}

		xmlhttp.open("GET",'ajax/archivo_ajax_1.php?provincia='+provincia+'&localidad='+localidad,true);
		xmlhttp.onreadystatechange=function() {
			if (xmlhttp.readyState==4) {
				document.getElementById(combo).innerHTML =xmlhttp.responseText ;
			}
		}
		xmlhttp.send(null);		
}

Como veis, la funcion llama a archivo_ajax_1.php pasandole la provincia por GET, y aqui pongo el ajax:

Código PHP:

  <?php
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Content-Type: text/html;charset=utf-8");
    include("../config.php");
    $conexion = mysql_connect($host_bd,$user_bd,$pass_bd);
    mysql_query("SET NAMES 'utf8'");
    mysql_select_db( $basedatos_bd, $conexion);    
    
    $cadena ='';
    
    $rs = mysql_query("select id,nombre from localidad where provincia='".$_GET['provincia']."'",$conexion);
    while($res = mysql_fetch_array($rs)){
        if(isset($_GET['localidad'])){
            if ($res['id'] == $_GET['localidad']){    
                $cadena.='<option selected="selected" value="'.$res['id'].'">'.$res['nombre'].'</option>';
            }else{ 
                $cadena.='<option value="'.$res['id'].'">'.$res['nombre'].'</option>';
            }
        }else{
            $cadena.='<option value="'.$res['id'].'">'.$res['nombre'].'</option>';
        }    
    }
    
    echo $cadena;
?>   

La primera linea del ajax, la he sacado del tutorial que os puse antes, se supone que la cache en IE solo carga la primera vez, y a partir de ahi, siempre carga de memoria, por esa razon pensaba que me devolvia siempre vacio (es decir, no me rellenaba el select de localidad). Tras ponerle esa linea, sigue sin mandarme el resultado el ajax desde IE, como puedo solucionarlo?

Un saludo, y gracias ;)

[emprear]

Hola @nitsuga1986

Te dejo un par de observaciones que quizás te ayuden a solucionarlo

Si la idea es hacer selects dependientes, y en tu caso según la provincia elegida crear un select con localidades, primero, esto no está del todo bien
<select name="provincia_combo" onclick="recargarLocalidades, el ebento debería ser onchange, si no, el valor siempre sería "Cualquiera", a menos que hagas un select de tipo multiple, pero eso al menos no lo has hecho.

Un ejemplo quedaría...

Código HTML:

<select name="provincia_combo" onchange="recargarLocalidades('localidades.php',this.value,'combo2'); return false;" >
     <option selected value="cualquiera">Cualquiera</option>
     <option value="La Pampa">La Pampa</option>
     <option value="Mendoza">Mendoza</option>
     <option value="Santa Fe">Santa Fe</option>
</select>
 

Vamos con la script ajax

Código Javascript:

<script type="text/javascript">
//<![CDATA[
 
//creas el objeto ajax, lo haces aparte para poder volver a usarlo si hace falta
function ajaxFunction() {
  var xmlHttp;
  
  try {
   
    xmlHttp=new XMLHttpRequest();
    return xmlHttp;
  } catch (e) {
    
    try {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      return xmlHttp;
    } catch (e) {
      
      try {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        return xmlHttp;
      } catch (e) {
        alert("Tu navegador no soporta AJAX!");
        return false;
      }}}
}
 
// Ahora creas la función
function recargarLocalidades(_pagina,valor,capa) {
    var ajax;
    ajax = ajaxFunction();
    var urlget = _pagina + '?provincia=' + valor; // definis la url completa con los parámetros
    ajax.open("GET", urlget, true);
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 
    ajax.onreadystatechange = function() {
        if (ajax.readyState==1){
// este es un gif a manera de loader, lo podés obviar
            document.getElementById(capa).innerHTML = "<img src='ajax-loader2.gif' align='center'\/><br \/> Aguarde por favor...";
                 }
        if (ajax.readyState == 4) {
           
                document.getElementById(capa).innerHTML=ajax.responseText; 
             }}
             
    ajax.send(null);
} 
 
 
//]]>
</script>
 

y ahora un php simplificado, localidades.php

Código PHP:

<?php
if($_GET['provincia'] == "Santa Fe"){
echo "<select><option>Rosario</option><option>Santa fe</option></select>";
}else{
echo "otra provincia";
}
?>
 

Ahora otra cosa, si en el primer fragmento el mySql te funciona bien y te genera la lista de provincias, por que no hacer simplemente lo mismo en localidades.php (lo que vos llamas archivo_ajax_1.php ), no entiendo porque tenes ahi $_GET['localidad']
. Eso se necesitaría de haber un tercer combo, simplemente deberias hacer (porque es una condición necesaria el definir la provincia para poder generar las localidades
haces

Código PHP:

if(isset($_GET['provincia'])){
// consulta
// echo select
//while
//echo /select
}else{
echo "error, no se definio provincia";
}
 

Saludos