1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Problema al actualizar DIV con ajax

Tema en 'Programación y Diseño Web' iniciado por lewitsD, 24 Abr 2017.

Tags:
  1. lewitsD

    lewitsD Nuevo usuario

    Hola, trato de crear un div que se actualice solamente, pero no me esta funcionando, que es lo que estoy haciendo mal?

    el codigo es:
    <html>
    <head>
    <script type="text/javascript" src="jquery-1.9.0.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    setInterval(loadRefresh,1000);
    });

    function loadRefresh(){
    $("#refresh").load("refresh.php");
    }
    </script>
    </head>
    <body>
    <div id="refresh"></div>
    </body>
    </html>
     
  2.  
  3. justice13

    justice13 Usuario activo

    Por descartar.

    1. Revisa la ruta del archivo jquery a ver si está bien.

    2. Pon la función por encima de la llamada a la misma, es decir, justo encima del $(document).

    Si eso no funciona ya vemos qué pudiera estar ocasionando el problema. ¿Has mirado la consola de errores del navegador con el que haces las pruebas?
     
  4. lewitsD

    lewitsD Nuevo usuario

    Asi lo modifique
    <html>
    <head>
    <script type="text/javascript" src="jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="my_script.js">
    $(document).ready(function(){
    function loadRefresh(){
    $("#refresh").load("refresh.php");
    setInterval(loadRefresh,1000);
    });
    </script>
    </head>
    <body>
    <div id="refresh"></div>
    </body>
    </html>

    Y el php es:
    <?php
    $link=mysqli_connect("localhost", "root", "root");
    mysql_select_db($link, "mensajes");
    $res=mysqli_query($link, "SELECT * FROM mensajes");
    while($row=mysqli_fetch_array($res)){
    echo $row['mensaje'];
    echo "<br";
    }
    ?>

    Y en consola me muestra lo siguiente:
    GET http://localhost/jquery-1.9.0.min.js [HTTP/1.1 404 Not Found 1ms]
    GEThttp://localhost/my_script.js [HTTP/1.1 404 Not Found 1ms]
    La codificación de caracteres del documento HTML no fue declarada. El documento se verá con basura en el texto en algunas configuraciones de navegadores si el documento contiene caracteres fuera del rango US-ASCII. La codificación de caracteres de la página debe declararse en el documento o en el protocolo de transferencia.
     
  5. justice13

    justice13 Usuario activo

    Revisa las llaves porque creo que te has cargado la función, y por otro lado te da a entender que no reconoce un archivo.
     
  6. lewitsD

    lewitsD Nuevo usuario

    Me podrias decir bien la linea?
     
  7. justice13

    justice13 Usuario activo

    Sigue cada llave abierta con su llave cerrada y darás con lo que falta. Ayuda mucho ir tabulando el código, te lo digo por experiencia.

    A ojo me parece que falta una llave al menos.
     
  8. Sphyr0

    Sphyr0 Usuario activo

    Esta parte está mal:
    PHP:
    <script type="text/javascript" src="my_script.js">
    $(
    document).ready(function(){
    function 
    loadRefresh(){
    $(
    "#refresh").load("refresh.php");
    setInterval(loadRefresh,1000);
    });
    </
    script>
    No cierras la función loadRefresh() y si cargas un JS mediante src="", el código inferior jamás será interpretado... Estaba bien al inicio, salvo que edité el orden de las funciones como señaló @justice13:
    PHP:
    <script type="text/javascript">
    function 
    loadRefresh(){
    $(
    "#refresh").load("refresh.php");
    };
    $(
    document).ready(function(){
    setInterval(loadRefresh,1000);
    });
    </
    script>
    Por otra lado, si obtienes 404 Not Found para jquery-1.9.0.min.js, significa que el nombre del archivo está mal o ni siquiera existe. ;)
     
    A justice13 le gusta esto.
  9. lewitsD

    lewitsD Nuevo usuario

    Uso la funcion que dejaste al ultimo y ahora me dice TypeError: $(...).load is not a function ¿Que puede ser?
    Perdon si soy muy insistente
     
  10. Sphyr0

    Sphyr0 Usuario activo

    Es porque no estás cargando el jquery, al generarte error 404 es que el archivo no existe.
     
    A justice13 le gusta esto.


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·