[Php-avanzado] Consulta de ajax

Lun Dic 19 23:11:51 ART 2011

Hola German,

Yo también estuve chequeando el código y no lo pude hacer funcionar y buscando encontré  2 funciones que me parecieron mas fáciles no se si te sirven, acá complementa ajax con xml y funciona para cunado vos queres modificar un div sin recargar la pagina por medio de include (los div deben tener el mismo id que envías la variable).

Es decir  generas un link por ejemplo <li><a href="javascript:Enviar('prueba.php','contenido')" title="Prueba Ajax">Prueba Ajax</a></li> , el primer valor es la pagina a incluir y el segundo a que div que quieras alterar.

                                                                                                                                                                                                                                                                            Saludos
Código:

function ajaxFunction() {
  var xmlHttp;

  try {

    xmlHttp=new XMLHttpRequest();
    return xmlHttp;
  } catch (e) {

    try {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      return xmlHttp;
    } catch (e) {

      try {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        return xmlHttp;
      } catch (e) {
        alert("Tu navegador no soporta AJAX!");
        return false;
      }}}
}

function Enviar(_pagina,capa) {
    var ajax;
    ajax = ajaxFunction();
    ajax.open("POST", _pagina, true);
    ajax.onreadystatechange = function() {
        if (ajax.readyState==1){
            document.getElementById(capa).innerHTML = " Aguarde por favor...";
                 }
        if (ajax.readyState == 4) {

                document.getElementById(capa).innerHTML=ajax.responseText; 
             }}

    ajax.send(null);
} 

From: German Valencia 
Sent: Monday, December 19, 2011 10:57 PM
To: Lista del curso de PHP Avanzado 
Subject: [Php-avanzado] Consulta de ajax

Hola gente, estuve viendo lo de ajax  que está en el módulo( perdón leo, pero durante el curso ni lo había mirado) y no lo pude hacer andar, pero creo que en el curso ya alguien había comentado lo mismo, si alguno lo miró y arregló por favor me diga por qué no anda. acá va el código, a ver si alguien se da cuenta que le pasa a esto: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="German" content="ger">
<title>Ejemplo XML HTTP Request</title>

    <script language="javascript" type="text/javascript">
    // crea el ambiente JS para recibir la respuesta dinámica
    var xmlHttp = new XMLHttpRequest();

    function callServer(){
        //obtiene el nombre escrito a medida que se escribe
        var nombre=document.getElementById("nombre").value;
        //sigo solo si hay datos
        if ((nombre == null)||(nombre == ""))return;

        //arma la URL para hacer la consulta
        var url="getValues.php?nombre=" + escape(nombre);

        //abre la conexion con el servidor
        xmlHttp.open("GET",url,true);

        //Determina la función a ejecutar cuando se obtiene la respuesta del servidor
        xmlHttp.onreadystatechange=updatePage;

        //Envía la petición
        xmlHttp.send("?nombre=" + escape(nombre));           
    }
    //funcion que actualiza la página con la respuesta
    function updatePage(){
        if (xmlHttp.readyState == 4 ){
            var response=xmlHttp.responseText;
            documente.getElementById("respuesta").value=response;
        }
    } 

    </script>
</head>

<body>
    <h3>Ejemplo de AJAX 2</h3>
    <form>
        <p>Nombre:<input type="text" name="nombre" id="nombre" size="22" onchange="javascript callServer();" ></p>
        <p>Respuesta: <input type="text" name="respuesta" id="respuesta" size="40"></p>
    </form>
</body>
</html>   

--------------------------------------------------------------------------------
_______________________________________________
Php-avanzado mailing list
Php-avanzado en pato2.fi.mdp.edu.ar
http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: <http://www3.fi.mdp.edu.ar/pipermail/php-avanzado/attachments/20111219/327ca1e7/attachment.html>