Problema Ajax en https

conetsol · #1 (**permalink**) 16/07/2010, 10:45

Hola A todos les comento el caso:

1. http://www.interpagos.net/ajax1.php funciona bien en firefox y en IE
2. El mismo script pero en https si funciona en firefox pero no en IE:

https://secure.interpagos.net/ajax1.php

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>

function creaAjax(){
         var objetoAjax=false;
         try {
          /*Para navegadores distintos a internet explorer*/
          objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
          try {
                   /*Para explorer*/
                   objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
                   }
                   catch (E) {
                   objetoAjax = false;
          }
         }

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

 function FAjax (url,capa,valores)
{
          var ajax=creaAjax();
          var capaContenedora = document.getElementById(capa);

/*Creamos y ejecutamos la instancia si el metodo elegido es POST*/

         ajax.open ('POST', url, true);
         ajax.onreadystatechange = function() {
         if (ajax.readyState==1) {
                          capaContenedora.innerHTML="Cargando.......";
         }
         else if (ajax.readyState==4){
                   if(ajax.status==200)
                   {
                        document.getElementById(capa).innerHTML=ajax.responseText;
                   }
                   else if(ajax.status==404)
                                             {

                            capaContenedora.innerHTML = "La direccion no existe";
                                             }
                           else
                                             {
                            capaContenedora.innerHTML = "Error: ".ajax.status;
                                             }
                                    }
                  }
         ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
         ajax.send(valores);
         return;

} 

</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<form method="post"  action="#"> <input name="" type="button" value="Button" onclick="FAjax('ajax2.php','capaContenedora','campo1=1');"  />
</form>
<div id="capaContenedora">

div
</div>
</body>
</html>

Muchas gracias por su ayuda!!!!!

conetsol · #2 (**permalink**) 16/07/2010, 10:46

Especifico la línea del error:

document.getElementById(capa).innerHTML=ajax.respo nseText;

Gracias!

Triby · #3 (**permalink**) 16/07/2010, 14:55

IExplorer es bien conocido por la cantidad de problemas que genera, incluso un simple innerHTML falla a veces, por lo que podrias probar:

Código Javascript:

Ver originalvar newContent = ajax.responseText;
    var mainTarget = document.getElementById(target);
    try { // Esto funciona perfecto con los navegadores reales
        mainTarget.innerHTML = newContent;
    } catch (e) { // Solución para IExplorer
        mainTarget.innerHTML = ''; // Eliminar contenido original
        var wrapDiv = document.createElement('div'); // Crear nuevo elemento
        wrapDiv.innerHTML = newContent; // Asignar respuesta al nuevo elemento
        mainTarget.appendChild(wrapDiv); // Insertar nuevo elemento
    }

Solo adaptalo a tus necesidades.

Adler · #4 (**permalink**) 16/07/2010, 16:04

Hola

Cita:

Iniciado por Triby

IExplorer es bien conocido por la cantidad de problemas que genera, incluso un simple innerHTML falla a veces, por lo que podrias probar:

No sabía que podía levantar esos errores. Me gusta tu propuesta

@conetsol he revisado el código fuente de las url que dejastes y hay algo que no has entendido

Cita:

var wrapDiv = document.createElement('capaContenedora'); // Crear nuevo elemento

createElement crea un elemento y capaContenedora no es un elemento, sino la id de un elemento. Lo único que puede modificar del código que ha brindado @Triby es

Cita:

var mainTarget = document.getElementById(target)

cambia el argumento target por la id de tu div 'capaContenedora'

Suerte