PROBLEMA AJAX OCN IE6 ¿solucion?

JoNhNaTaN · #1 (**permalink**) 17/09/2009, 22:11

buenas, estoy desarrollando una plicacion web con ajax, jsp y servlet, pero uno de mis codigos ajax no funciona, a este codigo lo ejecuto desde un boton html pero, jee funciona con el firefox pero no funka con el IE 6, alguien sabe una solucion???

aca mi codigo ajax:

Código ajax:

Ver originalfunction Enviar() {
 
                var obj = false;
 
                if (window.XMLHttpRequest) {
                    //Cuidado aqui, el objeto XMLHttpRequest no esta disponible en versiones previas a IE7
                    obj = new XMLHttpRequest();
                } else {
                    return false;
                }
                obj.onreadystatechange = function () {
                    if ( obj.readyState == 4 && (obj.status == 200 || window.location.href.indexOf ("http")==- 1)) {
                        document.getElementById("Respuesta_Libro").innerHTML = obj.responseText;
                    } else {
                        "procesando..."
                    }
                };
                obj.open("GET", "ServletLibro?codigo=" + document.getElementById("codigo").value +"&lector="+ document.getElementById("lector").value +"&libro="+ document.getElementById("libro").value +"&tipo="+ document.getElementById("tipo").options[document.getElementById("tipo").selectedIndex].value + "&fecha=" + document.getElementById("dateArrival").value, true);
                obj.send(null);
 
                return (true);
            }

aca mi codigo html:

Código html:

Ver original<&#37;[arroba]page contentType="text/html" pageEncoding="iso-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http: // www . w3 . org/TR/html4/loose.dtd">
 
<html>
    <head>
<!-- ACA PONGO EL CODIGO AJAX DE ARRIBA -->     
 
        <!--<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">-->
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>MOVIMEINTO DE LIBROS</title>
        <script language='javascript' src="popcalendar.js"></script>
        <link href="estilo.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <div id="contenedor">
            <div class="background">        
                    <center>
                        <marquee>
                            <p class="titulos">AJAX Y JSP + SERVLETS</p>
                        </marquee>
                    </center>       
            </div>
 
            <div id="contenido"><br />
                <br>
                <p>&nbsp;</p>
                <div id="centra">
                <form name="form1" action="ServletLibro" method="post">
                    Codigo Libro:<input type="text" name="codigo" value="" id="codigo" />
                    <br><br>
                    Nombre del Lector:<input type="text" name="lector" value="" id="lector" />
                    <br><br>
                    Libro:<input type="text" name="libro" value="" id="libro" />
                    <br><br>
                    Tipo Movimiento:<select name="tipo" id="tipo">
                        <option id="mov">Reserva</option>
                        <option id="mov">Prestamo</option>
                        <option id="mov">Devolucion</option>
                    </select>
                    <br><br>
                    Fecha Movimiento:<input name="nombre_de_la_caja" type="text" id="dateArrival" onClick="popUpCalendar(this, form1.dateArrival, 'mm-dd-yyyy');" size="10">
                    <br><br><br>
                    <input type="button" value="Enviar" onclick="Enviar();" name="enviarAjax">
                </form> 
 
                <div id="Respuesta_Libro" tex-align="center" style=" position:absolute; top:auto; left:auto; tex-align:center;">
 
                    <!-- Este DIV contendra la respuesta enviada por el Servlet -->
 
                </div>
 
            </div>            
        </div>
    </body>
</html>

BUEMNO ESPERO A UN MAESTRO BIEN CAPO ME PUEDA AYUDAR...creo q hay muchos cno este problema...

------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------S O L U C I O N---------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------

bueno pal que tenga este problema, aui le pongo la gran y solucion pa q no se maten buscando:

Código script:

Ver original<script language="javascript" type="text/javascript">
           /* function getHttpRequest()
            {
                var httpReq;
                //Si es Mozilla, Opera, etc...
                if (window.XMLHttpRequest)
                {
                    httpReq = new XMLHttpRequest();
                }
                else //Internet Explorer lo expone como control Active X
                {
                    httpReq = new ActiveXObject("Microsoft.XMLHTTP");
                }
            }*/
 
 
 
            function Enviar() {
 
                //var obj = false;
 
                /*if (window.XMLHttpRequest) {
                    //Cuidado aqui, el objeto XMLHttpRequest no esta disponible en versiones previas a IE7
                    obj = new XMLHttpRequest();
                } else {
                    return false;
                }*/
 
                var httpReq;
                //Si es Mozilla, Opera, etc...
                if (window.XMLHttpRequest)
                {
                    httpReq = new XMLHttpRequest();
                }
                else //Internet Explorer lo expone como control Active X
                {
                    httpReq = new ActiveXObject("Microsoft.XMLHTTP");
                }
 
                //http = getHttpRequest()
                http = httpReq;
 
                http.onreadystatechange = function () {
                    if ( http.readyState == 4 && (http.status == 200 || window.location.href.indexOf ("http")==- 1)) {
                        document.getElementById("Respuesta_Libro").innerHTML = http.responseText;
                    } else {
                        "procesando..."
                    }
                };
 
                http.open("GET", "ServletLibro?codigo=" + document.getElementById("codigo").value +"&lector="+ document.getElementById("lector").value +"&libro="+ document.getElementById("libro").value +"&tipo="+ document.getElementById("tipo").options[document.getElementById("tipo").selectedIndex].value + "&fecha=" + document.getElementById("dateArrival").value, true);
                http.send(null);
 
                return (true);
            }
        </script>

GatorV · #2 (**permalink**) 17/09/2009, 22:23

Tu problema es que IE6 no soporta el objeto XMLHttpRequest, necesitas instanciar uno usando el objeto ActiveX de MS. Busca en el foro hay muchos ejemplos de como iniciar un objeto AJAX que sea cross-browser.

Saludos.