Problema Ajax y javascript

yuris_ssdd · #1 (**permalink**) 29/10/2011, 15:15

Hola buenas os comento:

Desde mi página inicial utilizo AJAX para poder cargar en un Div los datos de otra página php. El problema es que me realiza todo bien, excepto las partes de Javascript. Os pongo los trozos de código:

Código Javascript:

Ver originalfunction cambiaPagina(){
        //Comprobar radiobutton marcado
        var i;
        for (i=0;i<document.tipoIndustrias.tipoIndustrias.length;i++){
           if (document.tipoIndustrias.tipoIndustrias[i].checked)
              break;
        }
        var opcion = document.tipoIndustrias.tipoIndustrias[i].value;
        //Cargar la página de creación
        var menu = "gaCreador.php?o="+opcion;
        var capa = window.document.getElementById("selector");
        xmlhttp.open("GET", menu,true);
        xmlhttp.onreadystatechange = function(){
            if(xmlhttp.readyState == 4){
                capa.innerHTML = xmlhttp.responseText;
            }
        }
    xmlhttp.send(null);
    }

Y por otro lado el código PHP, lo echos para que salga el alert nunca los ejecuta, es decir, no los reconoce, hay alguna forma de decirle a AJAX que los interprete???

Código PHP:

Ver originalecho '<script language="JavaScript">
            alert("Entorno creado correctamente");
            </script>';
    echo '<SCRIPT LANGUAGE="javascript">
            location.href = "login.php";
            </SCRIPT>';

Saludos!!

dleal100 · #2 (**permalink**) 29/10/2011, 21:00

desafortunadamente no se puede ejecutar javascript desde ajax sin que se aya yamado la funcion con algun evento

lo que puedes aser es comprobar el estado del ajax y cuando se aya terminado que se ejecute la alerta o lo que quieras aser ;)

o tambien puedes poner el onclick dentro del archivo php y asi si te funcionara ;) pero creo que eso no qieres :o

yuris_ssdd · #3 (**permalink**) 30/10/2011, 16:07

No sé a que te refieres exactamente. Es decir, quieres decir que haga una función que lanze el código de Javascript cuando el código de php acabe??? Es que no lo entiendo exactamente a lo que te refieres. Me podrias poner un ejemplo.

De todas formas hay alguna formas como podria hacer un alert o un tipo así através de ajax??

Saludos!

dleal100 · #4 (**permalink**) 31/10/2011, 00:54

Cita:

Iniciado por yuris_ssdd

No sé a que te refieres exactamente. Es decir, quieres decir que haga una función que lanze el código de Javascript cuando el código de php acabe??? Es que no lo entiendo exactamente a lo que te refieres. Me podrias poner un ejemplo.

De todas formas hay alguna formas como podria hacer un alert o un tipo así através de ajax??

Saludos!

bueno basicamente asi, veras hay 2 formas de aserlo, uno con una funcion dentro del codigo php pero tienes que meter eventos, dentro del php D:

la otra es aser una comprovacion y ejecutar todo dentro del mismo script ;)

BUENO TE ISE UN EJEMPLO CON TU CODIGO, d:

Código:

<!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" xml:lang="es" lang="es" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titulo</title>

<script type="text/javascript">

var xmlhttp;
if (window.XMLHttpRequest)
  {xmlhttp=new XMLHttpRequest();}
else
  { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}

function cambiaPagina(){
        //Comprobar radiobutton marcado
        /*
		var i;
        for (i=0;i<document.tipoIndustrias.tipoIndustrias.length;i++){
           if (document.tipoIndustrias.tipoIndustrias[i].checked)
              break;
        }
		*/
        //var opcion = document.tipoIndustrias.tipoIndustrias[i].value;
        var opcion="caca";
		//Cargar la página de creación
        var menu = "gaCreador.php?o="+opcion;
        var capa = window.document.getElementById("selector");
        xmlhttp.open("GET", menu,true);
        xmlhttp.onreadystatechange = function(){
            if(xmlhttp.readyState == 4){
                capa.innerHTML = xmlhttp.responseText;
/////////////////////////////// ACA ESTA LA MAGIA MUAJAJAJJAJA
				if(capa.innerHTML=="caca")
				{alert("Entorno creado correctamente");
            location.href = "login.php";}
////////////////////////////////////////////////
				
            }
        }
    xmlhttp.send(null);
    }
 </script>

</head>
<body>


 <div id='selector'></div>
 <a href='javascript: cambiaPagina();'>soy la caca XD</a>
</body>
</html>

ACA ESTE EL ARCHIVO gaCreador.php

Código:

<?php
if(@$GET_["o"]!=""){}else{
echo "caca";
}
?>

yuris_ssdd · #5 (**permalink**) 31/10/2011, 06:36

Me autorespondo con la solución final al problema, por si alguien la necesita en un futuro. De todas formas gracias tu código dleal100 y por la idea que me diste. Gracias a ello puede hacer que funcionara.

La forma que encontré de hacerlo es esta:

Código Javascript:

Ver originalif(xmlhttp.readyState == 4){
            capa.innerHTML = xmlhttp.responseText;
            if (document.getElementById('correcto')){
                alert("Entorno creado correctamente");
            }
        }

Y en PHP

Código PHP:

Ver originalecho '<p id="correcto"></p>';

De esta forma encuentra el identificador y puede mostrar el mensaje!!

Saludos y gracias!!