[SOLUCIONADO] Creacion de ajax

[VALFONSOG]

Código:

TENGO EL SIGUIENTE CODIGO 

	function nuevoAjax()
	{ 
		/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por lo que se puede copiar tal como esta aqui */
		var xmlhttp=false;
		try
		{
			// Creacion del objeto AJAX para navegadores no IE
			
			xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
			alert("Si CREA EL AJAX");
		}
		catch(e)
		{
			try
			{
				// Creacion del objet AJAX para IE
				
				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
				
			}
			catch(E)
			{		
				if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
				alert("ERROR "+E);
			}
		}
		return xmlhttp; 
	}

EL PROBLEMA ES QUE EN UNAS MAQUINAS CREA EL AJAX Y EN OTRAS NO HAORITA ESTOY TRABAJANDO EN UNA MAQUINA W7 CON NAVEGADOR FIREFOX 39 E INTERNET EXPLORER 8 PERO EN NINGUNO ME CREA EL AJAX CUAL SERA EL PROBLEMA. GRACIAS DE ANTEMANO

[PHPeros]

Usar mayúsculas no implica que te respondamos antes. Esto no es un Yahoo Respuestas....

Abre la consola de tu navegador y dinos qué errores te muestra.

[VALFONSOG]

Iniciado por PHPeros

Usar mayúsculas no implica que te respondamos antes. Esto no es un Yahoo Respuestas....

Abre la consola de tu navegador y dinos qué errores te muestra.

Disculpa por las mayusculas en la consolo solo aparece el siguiente error

Campos de contraseña presentes en una página insegura (http://). Esto es un riesgo de seguridad que permite que se roben las credenciales de inicio de sesión de los usuarios.[Saber más]

No creo que ese sea el problema

encontre este error con el catch ReferenceError: ActiveXObject is not defined

[PHPeros]

Para inicializar un objeto AJAX te recomiendo usar el siguiente código, ya que el que utilizas está un poco desfasado:

Código Javascript:

function nuevoAJAX(){
  var xmlhttp;
  if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
  }
  else { // IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  return xmlhttp;
}
 

Simplemente llamas a la función y realizas la petición usando el objeto xmlhttp retornado.

[VALFONSOG]

Iniciado por PHPeros

Para inicializar un objeto AJAX te recomiendo usar el siguiente código, ya que el que utilizas está un poco desfasado:

Código Javascript:

function nuevoAJAX(){
  var xmlhttp;
  if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
  }
  else { // IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  return xmlhttp;
}
 

Simplemente llamas a la función y realizas la petición usando el objeto xmlhttp retornado.

Hola probe tu codigo y si crea el ajax pero no obtengo respuesta sera por el metodo que utilizo para llamarlo que es el siguiente gracias por la ayuda

Código:

function datos(div, fomulario){
	var Formulario = document.getElementById(fomulario);
	var longitudFormulario = Formulario.elements.length;
	var cadenaFormulario = ""
	var sepCampos
	sepCampos = ""
		for (var i=0; i <= Formulario.elements.length-1;i++) {
			cadenaFormulario += sepCampos+Formulario.elements[i].name+'='+encodeURI(Formulario.elements[i].value);
			sepCampos="&";
				}
alert(cadenaFormulario);
				var ajax=nuevoAJA();
				alert(div);			
			ajax.open("GET","funciones/funciones_tienda.php?tarea="+div+
			'&='+cadenaFormulario,true);
			alert(ajax);	
			ajax.onreadystatechange=function(){ 
				
				if (ajax.readyState==4){
							
						document.getElementById(div).innerHTML=ajax.responseText;
					}
					
	 
	ajax.send(null);
			}
		//window.onerror = new Function("return true");

 }

[Alexis88]

Sería bueno que también compruebes que el código de estado de la petición sea igual a 200, lo cual indica que la petición se completo de manera exitosa.

Código Javascript:

if (ajax.readyState==4 && ajax.status==200){
    //Do stuff
}
 

Y si deseas depurar esa parte para saber qué respuesta obtienes y por qué no se muestra, verifícala en la consola del navegador (al cumplirse la condición):

Código Javascript:

console.log(this.responseText);
 

Saludos

[VALFONSOG]

Hice lo que dijo alexis pero sigue sin funcionar el mesaje que sale de console.log(this.responseText); es undefined lo puse en varias partes y muestra ese mensaje cabe destacar que dentro de ajax.onreadystatechange=function(){ no funciona por que no entra el metodo para mi logica deveria funcionar ya que en otro proyecto que tengo en la escuela funciona muy bien pero aqui en mi casa no alguna otra idea porfavor y gracias por sus respuestas.

[Alexis88]

Muéstranos el código actualizado para saber en dónde está el error. Usa el highlight para colocar el código.

[VALFONSOG]

Iniciado por Alexis88

Muéstranos el código actualizado para saber en dónde está el error. Usa el highlight para colocar el código.

Ya funciono el problema era que tenia esto->

Código Javascript:

ajax.send(null);
 

dentro del metodo ->

Código Javascript:

ajax.onreadystatechange=function(){
 

lo saque fuera del metodo y ya funciono.

Ya por ultimo me podrian dar una explicacion leve de porque ese "error" por que fallaba y GRACIAS por la ayuda.

[VALFONSOG]

Iniciado por PHPeros

Ah, sí, ahora lo veo.

El evento readystatechange no se puede ejecutar hasta que no se envia la llamada AJAX (mediante el método send), por ello nunca llegaba a realizarse

Ok gracias a los dos y espero poder ayudar algun dia en este foro saludos

[PHPeros]

Acabo de hacer una prueba y a mí me ha funcionado como lo tenías, luego ese no era el problema y además lo que digo del evento no es cierto

[VALFONSOG]

Iniciado por PHPeros

Acabo de hacer una prueba y a mí me ha funcionado como lo tenías, luego ese no era el problema y además lo que digo del evento no es cierto

Cual podra ser la falla ? es de esas cosas raras que de repente no se explican, en un momento pense que pódria ser el servidor pero javascript se ejecuta del lado cliente por lo que descarte esa opción.

[Alexis88]

En realidad, el error sí estaba en ejecutar el método .send() dentro del método onreadystatechange pues nunca se iba a producir un cambio en el estado de la petición (que es lo que detecta el último método mencionado) si nunca se realizaba el envío.

Saludos

[PHPeros]

Yo también pensaba eso, pero parece ser que el evento se dispara inicialmente al invocar el método open(), sin necesidad alguna de realizar el envío

[Alexis88]

Pero ese método no dispara el envío de los datos, tan solo prepara la petición; es el método .send() el que realiza el envío.

[PHPeros]

Sí, lo sé.

A lo que me refiero es que no es necesario realizar el envío para que dicho evento se dispare.

[Alexis88]

No estoy seguro de que eso sea así. Supongo que escribiste los métodos en el orden correcto y por eso no tuviste el problema o quizá sucedió como crees, pero en fin.