funcion js que necesita peticiones al servidor

azaz · #1 (**permalink**) 08/10/2011, 08:07

Hola espero que me puedan ayudar con mi problema, es el siguiente, a traves de ajax cambio los valores de un archivo xml, hasta aqui todo va bien pero luego creo una funcion js donde muestro los valores del archivo xml, hasta aqui todo bien, pero lo que no consigo es cuando cambio los valores del archivo xml que la funcion MostrarNombres tambien me los cambie, tendria que hacer una nueva peticion al servidor o algo asin pero no se como crear estas nuevas peticiones cada vez que cambia el archivo xml.

Las funciones que utilizo son estas:

Código Javascript:

Ver originalvar procesamiento, xml = null, contador=0;
    function MostrarRegistro() {
            try {
                    document.getElementById("registro").innerHTML ='<p>'+ xml.getElementsByTagName('seccion')[contador].firstChild.nodeValue+'</p>';
                    contador ++;
            }
            catch(e) {
                           document.getElementById("registro").innerHTML = '';
                           contador = 0;
            }
    }
     
    function MostrarNombres() {
            var ajax = objetoAjax();
            ajax.open('get','archivo.xml');
            ajax.onreadystatechange = function() {
                    if(ajax.readyState == 4){
                            if(ajax.status == 200) {
                                    xml=ajax.responseXML;
                                    if(xml.getElementsByTagName('seccion').length > 0)
                                            procesamiento = window.setInterval(MostrarRegistro, 4000);
                            }
                    }
            }
            ajax.send(null);
    }
     
     
    function objetoAjax()   {
            if (window.XMLHttpRequest)
                _ajax = new XMLHttpRequest();
            else
                if (window.ActiveXObject)
                    _ajax = new ActiveXObject("Microsoft.XMLHTTP");
                else
                    _ajax = false;
            return _ajax;
        }
       
    window.onload=MostrarNombres();
     
     
    function pedir(dato) {
        Ajax = objetoAjax();
        Ajax.open("get","recuperar.php?seccion=" + dato, true);
        Ajax.onreadystatechange = function() {
          if (Ajax.readyState == 4 && (Ajax.status == 200 || Ajax.status == 501)){
           document.getElementById('recuperar_datos').innerHTML=Ajax.responseText;
            }
         }
         Ajax.send(null);
        }

y en el script donde tengo que mostrar los datos de la funcion MostrarNombres tengo un select con el evento onchange y la funcion pedir(), hasta aqui es lo que me funciona bien, osea que el xml me lo cambia segun la opcion que elija en el select.

seria algo asin:

Código PHP:

Ver original<head>
            <script type="text/javascript" language="javascript" src="funciones.js"></script>
    </head>
    <body>
    <form method="get">
    <select name="seccion" id="seccion" onchange="pedir(document.getElementById('seccion').value)">
        ...
    </select>
    </form>
       
<div id="recuperar_datos"></div>
     
<div id="registro"></div>

y en el script recuperar.php creo el xml que me cambiara de forma asincronica, en resumen, yo quiero que cuando cambie de forma asincronica el archivo xml, la funcion MostrarNombres que me carga en pantalla actualice sus valores tambien de forma asincronica.

Espero que se me entienda esto y me puedan ayudar a entender como hacerlo, saludos.

Panino5001 · #2 (**permalink**) 08/10/2011, 10:01

No sé si entendí bien. Si de lo que se trata es de reflejar cambios en un archivo que está en el servidor y que cambia debido a alguna razón cada cierto tiempo, lo que se puede hacer es usar polling, es decir, usar un temporizador (setTimeout/setInterval) que realice peticiones al servidor de manera periódica vía AJAX para detectar algún cambio y, en caso de detectarlo, reflejarlo en la página.
Lo que hay que tener en cuenta es que es un proceso costoso principalmente para servidores como Apache.

roboty · #3 (**permalink**) 08/10/2011, 14:55

yo tengo un problema parecido panino si pudieras dejar un enlace para mas informacion

azaz · #4 (**permalink**) 08/10/2011, 15:17

Hola Panino5001, perdona por mi mala explicacion, el archivo xml lo creo yo con los datos de mi base de datos y php, este archivo xml lo modifico de forma asincronica segun la opcion que elijan en un select con el evento onchange llamando a la funcion pedir(dato), hasta aqui me funciona bien.
Pero despues creo la funcion MostrarRegistro y MostrarNombres, pretendiendo de mostrar los datos del archivo xml y es esta parte que no me funciona. Si yo el evento onchange aparte de llamar a la funcion Pedir(dato), hago un submit(), si que me funciona el codigo ya que lo que me hace es recargarme la pagina y mostrarme el xml actual, pero esto es lo que no quiero, osea que lo que quiero es que me muestro los datos del xml actual sin recargar pagina. Espero que se me entienda esque estoy ya saturado sobre este codigo que no logro entender. Cualquier ayuda se agradece, saludos.

Panino5001 · #5 (**permalink**) 08/10/2011, 15:40

Cita:

Iniciado por roboty

yo tengo un problema parecido panino si pudieras dejar un enlace para mas informacion

Sí, y la misma IP que azaz

Bueno, habría que ver la estructura de tu xml para ver si lo estás parseando adecuadamente. Te sugiero que uses Firebug y mires en el panel red qué es lo que devuelven tus peticiones.

azaz · #6 (**permalink**) 08/10/2011, 15:52

Hola panino5001 en la consola web me sale la que la funcion pedir dato me la realiza con exito pero no me muestra el archivo xml osea me muestra esto:

recuperar.php?seccion=1

o la opcion que elija, pero no me muestra el archivo xml, la unica manera que me lo muestre en la consola y me funcione bien el codigo es añadiendo un submit en el evento onchange, espero que me puedas ayudar a entender mi problema.

el xml lo tengo asin:

Código XML:

Ver original-<datos>
             -<secciones>
                    <seccion>administrador</seccion>
                    <seccion>contable</seccion>
              </secciones>
 
</datos>

Panino5001 · #7 (**permalink**) 08/10/2011, 16:06

Tal como lo tenés planteado, pasa esto:
Carga la página: se invoca mostrarnombres que llama indefinidamente a mostrarregistro.
Cada vez que cambia el valor del select, se invoca a pedir

Si cada vez que se invoca pedir lo que necesitás es que se invoque mostrarnombres (y por ende a mostrar registro), lo que hay que hacer es:
1)quitar el setInterval, que no sirve para nada (llamar directamente cuando readyState sea igual a 4 a mostrarRegistro).
2)dentro de pedir, también ccuando se cumpla que readyState sea igual a 4, invocar a mostrarnombres.

azaz · #8 (**permalink**) 08/10/2011, 16:33

Hola Panino5001 cambie las funciones y las puse asin pero no funciono, si me pudieras corregir.

Código Javascript:

Ver originalvar procesamiento, xml = null, contador=0;
        function MostrarRegistro() {
                try {
                        document.getElementById("registro").innerHTML ='<p>'+ xml.getElementsByTagName('seccion')[contador].firstChild.nodeValue+'</p>';
                        contador ++;
                }
                catch(e) {
                               document.getElementById("registro").innerHTML = '';
                               contador = 0;
                }
        }
         
        function MostrarNombres() {
                var ajax = objetoAjax();
                ajax.open('get','archivo.xml');
                ajax.onreadystatechange = function() {
                        if(ajax.readyState == 4){
                             xml=ajax.responseXML;
                               if(xml.getElementsByTagName('seccion').length > 0)
                                                procesamiento = window.(MostrarRegistro, 4000);
                          }
                }
                ajax.send(null);
        }
         
         
        function objetoAjax()   {
                if (window.XMLHttpRequest)
                    _ajax = new XMLHttpRequest();
                else
                    if (window.ActiveXObject)
                        _ajax = new ActiveXObject("Microsoft.XMLHTTP");
                    else
                        _ajax = false;
                return _ajax;
            }
           
      
         
         
        function pedir(dato) {
            Ajax = objetoAjax();
            Ajax.open("get","recuperar.php?seccion=" + dato, true);
            Ajax.onreadystatechange = function() {
              if (Ajax.readyState == 4){
                          document.getElementById('recuperar_datos').innerHTML=Ajax.responseText;
                           window.onload=MostrarNombres();
                }
             Ajax.send(null);
            }

azaz · #9 (**permalink**) 09/10/2011, 16:46

Sigo sin poder hacer funcionar el codigo como quedria, nadie me puede ayudar.
Saludos.

Yo la funcion pedir(dato), la utilizo para cambiar de forma asincronica el archivo xml, lo que no consiguo es cambiar los datos del la funcion mostrarNombres osea que me abra el archivo xml actualizado, que es el que actualizo con la funcion pedir. No se porque no me funciona cualquier opinion se agradece, saludos.

azaz · #10 (**permalink**) 10/10/2011, 08:00

No se si esque no invoco bien a la funcion MostrarNombres o si hice algo mal.