que me faltaria para que funcione de forma asincronica esta funcion js

pithon · #1 (**permalink**) 12/09/2011, 17:22

Hola, no consigo hacer funcionar el codigo javascript de forma asincronica, os comento un poco, trata de un select donde a traves del valor elejido en el select cambio una consulta sql dinamica de forma asincronica hasta aqui todo va bien, pero luego esta consulta la paso a un array php que vuelco a un array javascript donde creo una funcion javascript para mostrar los resultados en un intervalo de tiempo x pero no me funciona, osea que la consulta si me la cambia de forma asincronica pero no se como hacer para que me actualice la funcion javascript de forma asincronica, muestro codigo por si alguien me quiere ayudar.

aqui la funcion para crear un objeto y recuperar datos de forma asincronica
funcion js

Código Javascript:

Ver originalfunction 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?tienda=" + dato, true);
Ajax.onreadystatechange = function() {
  if (Ajax.readyState == 4 && (Ajax.status == 200 || Ajax.status == 501)){
   document.getElementById('resultado').innerHTML=Ajax.responseText;
   }
 }
 Ajax.send(null);
}

este es el script php donde tengo el select y el div dinamico donde me tiene que mostrar los valores

mostrar.php

Código PHP:

Ver original<html>
    <head>
        <script type="text/javascript" language="javascript" src="funcion.js"></script>
        
    </head>
    <body>
 
<?php
$con=mysql_connect("localhost","root","");
mysql_select_db("db");
$consulta="select * from tienda_online";
$reg=mysql_query($consulta);
?>
 
<select name="tienda" id="tienda" onchange="pedir(document.getElementById('tienda').value)">
    <option value="">seleciona producto</option>
<?php
 while ($row=mysql_fetch_assoc($reg)){
?>
    <option value="<?php echo $row['id_producto']; ?>"><?php echo $row['producto'];?></option>
<?php   
}
?>
</select>
 
<div id="consulta"></div>
    </body>
</html>

aqui el codigo donde hago la llamada y tengo la funcion javascript

recuperar.php

Código PHP:

Ver original<?php
$consulta=mysql_query ("SELECT * FROM tienda_online where id_producto=".$_GET['tienda']."");
 
$producto1 = array();
$producto2 = array();
    while ($row = mysql_fetch_array($consulta)){
       $producto1[]= $row['producto1'];
       $producto2[]= $row['producto2'];
    }
?>
<script type="text/javascript">
 
var producto1 = new Array();
var producto2 = new Array();
 
<?php
for ($i = 0, $total = count($producto1); $i < $total; $i ++)
echo "\nproducto1[$i] = '$producto1[$i]';";
for ($i = 0, $total = count($producto2); $i < $total; $i ++)
echo "\nproducto2[$i] = '$producto2[$i]';";
?>
 
var pos = 0;
 function MostrarRegistos(){
    
    for (i=1;i<=2;i++){
        
             prod1 = producto1[pos];
             prod2 = producto2[pos];
document.getElementById("registro"+i).innerHTML ='<table><tr><td>'+prod1+'</td><td>'+prod2+'</td></tr></table>';
 
                     
                     pos++;
                if(pos>=(producto1.length)){pos = 0}
            }
        }
            
        window.onload = MostrarRegistos;
        
        setInterval(MostrarRegistos,8000)
        
</script>
   
            
            <div class='primero' id="registro1"></div>
            <div class='segundo' id="registro2"></div>

no se como tendria que hacer para que cuando elija una opcion en el select aparte de cambiarme la consulta me actualice los datos de la funcion js de forma asincronica, espero que alguien me pueda ayudar.

Saludos.

caricatos · #2 (**permalink**) 13/09/2011, 01:39

Hola:

En principio no veo la capa donde devuelves los datos pedidos:

tienes una capa vacía con id="consulta" y lo entragas a una capa con id="resultadp"...

Pero, suponiendo que en tu máquina esté bien, responseText es de tipo "text/plain" o sea texto plano...

Saludos

pithon · #3 (**permalink**) 13/09/2011, 02:02

caricatos tienes razon el id de la capa es diferente, ya lo puse bien, referente a responseText lo tengo de tipo texto plano porque es donde recupero el dato de la consulta sql, pero claro no se como hacer para que cuando recupere esta consulta de forma asincronica incrementar ajax para que me actualice los datos de los arrays de javascript de forma asincronica, osea que atraves del select me muestre los los datos de js y me los cambie de forma asincronica con ajax, alguna ayuda?
saludos