Internet Explorer v8 no realiza funcion a la primera

[Huacho12]

Hola todo mundo del Foros del Web,

He aquie nuevamente trayendo dudas

Estoy haciendo una pagina en la cual mando a llamar una funcion de enviar desde un archivo .js el cual claro esta lo defino en el

Código Javascript:

<script language="javascript" type="text/javascript" src="carpetaJS/js.js" ></script>
 

Este pagina la he probado en FireFox, Opera, Safari, Crome, los cuales al darle click al boton luego luego envia los datos para ser guardados. Lo extraño es que al probarla en Internet Explorer 8 no realiza la funcion a la primera, si no que se tiene que dar F5 para que agarre la funcion lo extraño tambien que no borra la información capturada !!!!

La funcion que uso esta echa con AJAX, se las dejo:


//Archivo js.js

Código Javascript:

var XMLHttpRequestObj = false;
 
/*if(window.XMLHttpRequest)
{
    XMLHttpRequestObj = new XMLHttpRequest();
 
}else if(window.ActiveXObject)
{
    XMLHttpRequestObj = new ActiveXObject("Microsoft.XMLHTTP");
}*/
 
if(typeof(XMLHttpRequest) != 'undefined')
{
    try
    {
         XMLHttpRequestObj = new  XMLHttpRequest();     
    }catch(e){}
}else
{
    try
    {
         XMLHttpRequestObj = new ActiveXObject('Microsoft.XMLHTTP');
    }catch(e)
    {
         XMLHttpRequestObj = new ActiveXObject('Msxml2.XMLHTTP');
    }
}
 
function sendWithPOST(pagina, datos, obj)
{
    if(XMLHttpRequestObj)
    {
        var div = document.getElementById(obj);
        XMLHttpRequestObj.open("POST",pagina,true);
        XMLHttpRequestObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        
        XMLHttpRequestObj.onreadystatechange = function(){
            if(XMLHttpRequestObj.readyState == 4 && XMLHttpRequestObj.status == 200)
            {
                div.innerHTML = XMLHttpRequestObj.responseText;
            }else
            {
                div.innerHTML = "Cargando....";
            }
        }
        
        XMLHttpRequestObj.send(datos);
    }
}
 
function enviar()
{
           var formulario = document.myform;
           /*
            // 
            //
            //Todas las validaciones de la pagina
            //
            //
            //
          */
             var informacion = "info1="+encodeURIComponent(formulario.txtUno);
            sendWithPOST('guardaDatos.php', informacion , 'Contenedor');
}
 

Y aqui el boton:

Código HTML:

<input type="button" name="btnSave" id="btnSave" value="Guardar" onclick="javascript:enviar();" />
 

Espero me puedan orientar en lo que estoy haciendo mal, ya que esta misma funcion la utilzo en otra pagina y no me ocasiona estos problemas.

Saludos y muchisimas gracias de antemano

[IsaBelM]

prueba a asignar la función con la que creas el objeto a una variable dentro de la función sendWithPOST()

[Huacho12]

Hola IsaBelm!!

Gracias por contestar,

A cual funcion te refieres??? a la de ................

Código Javascript:

function(){
            if(XMLHttpRequestObj.readyState == 4 && XMLHttpRequestObj.status == 200)
            {
                div.innerHTML = XMLHttpRequestObj.responseText;
            }else
            {
                div.innerHTML = "Cargando....";
            }
        }
 

o cual????

Perdon no me quedo muy claro tu comentario...


Saludos y nuevamente muchas gracias.

[IsaBelM]

me refiero a esto

function creaObj() {
var XMLHttpRequestObj = false;
.......

}
return XMLHttpRequestObj;
}

function sendWithPOST(pagina, datos, obj)
{
var XMLHttpRequestObj = creaObj();

var div = document.getElementById(obj);
.....

[Huacho12]

Hola nuevamente IsaBelm,

Acabode hacer la modificacione que me comentaste pero sigue haciendo lo mismo!! no realiza el envio a la primera!!!

Código Javascript:

function creaObjt()
{
var XMLHttpRequestObj = false;
 
/*if(window.XMLHttpRequest)
{
    XMLHttpRequestObj = new XMLHttpRequest();
 
}else if(window.ActiveXObject)
{
    XMLHttpRequestObj = new ActiveXObject("Microsoft.XMLHTTP");
}*/
 
if(typeof(XMLHttpRequest) != 'undefined')
{
    try
    {
         XMLHttpRequestObj = new  XMLHttpRequest();    
    }catch(e){}
}else
{
    try
    {
         XMLHttpRequestObj = new ActiveXObject('Microsoft.XMLHTTP');
    }catch(e)
    {
         XMLHttpRequestObj = new ActiveXObject('Msxml2.XMLHTTP');
    }
}
 
return XMLHttpRequestObj ;
}
 

function sendWithPOST(pagina, datos, obj)
{
var XMLHttpRequestObj = creaObjt();

var div = document.getElementById(obj);
.....

Saludos

[IsaBelM]

no he logrado reproducir el problema que tienes. prueba con este código, a ver que alerta no levanta

function creaObj(){
var obj = false;
obj = new XMLHttpRequest();
return obj;
}


function sendWithPOST(pagina, datos, obj) {
var div = document.getElementById(obj);
var XMLHttpRequestObj= creaObj();
XMLHttpRequestObj.open("POST", pagina, true);
XMLHttpRequestObj.onreadystatechange = function() {

alert('entró en sendWithPOST()');

if (XMLHttpRequestObj.readyState==4 && XMLHttpRequestObj.status==200){
div.innerHTML = XMLHttpRequestObj.responseText;
}

}

XMLHttpRequestObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
XMLHttpRequestObj.send(datos);
return;
}


function enviar() {
var formulario = document.myform;
/*
//
//
//Todas las validaciones de la pagina
//
//
//
*/

var informacion = "info1="+encodeURIComponent(formulario.txtUno) ;
alert('entró en enviar()');
sendWithPOST('guardaDatos.php', informacion , 'Contenedor');
}

[Huacho12]

Hola IsaBelM!!!

Ya he probado los cambios que me pusistes.

Muestra el Alert de que si entro a enviar() y posteriormente al de sendWithPost() pero este ultimo alert lo muestra tres veces!!!! y posteriormente envia la informacion para guardarla.....

Sera por el return que se tiene puesto???? en la funcion de sendWithPost()?????

Saludos y nuevamente gracias por tu valiosa ayuda!!!!

[IsaBelM]

creo entender que ya funciona correctamente, no??

en realidad debería de alertar 4 veces no 3. si cambia esa alerta por

alert(XMLHttpRequestObj.readyState)

verás en que estado está la petición. el orden en que te aparecerán será: 2, 3, 4, 1