[SOLUCIONADO] Obtener datos de una BD en JavaScript

[Adbane]

Hola a todos, tengo una duda que me gustaría que me ayudarais a resolver.

Actualmente estoy trabajando en una página que tiene un botón que al clickarse, se ejecuta un script el cual mediante la función .html() de jQuery imprime en la página un valor al azar que recojo de un Array (en el propio JS). Mi idea es almacenar los valores en una base de datos y pasarlos luego a un Array para facilitar la tarea, pero no tengo ni idea de como hacerlo para que al clickarse dicho botón me imprima un valor al azar de la BD en la página.

¿Alguien puede echarme una mano? Gracias.

[skiper0125]

Hola que tal.

si utilizar Jquery hay una función llamada ajax con la cual puedes interactuar con la base de datos, busca la documentación o ejemplos, te dejo unos ejemplos y la documentación

http://api.jquery.com/jQuery.ajax/
http://www.desarrolloweb.com/articul...ax-jquery.html
http://www.imaginanet.com/blog/usand...-y-jquery.html
http://www.cristalab.com/tutoriales/...-jquery-c226l/

Saludos

[emprear]

Bueno, no necesariamente tenés que utilizar ajax, todo depende de lo que quieras conseguir.
Podés hacer que el propio php genere el array a partir de la base de datos y posteriormente mostrar resultados aleatorios de ese mismo array con javascript.

SAludos

[Adbane]

Iniciado por emprear

Bueno, no necesariamente tenés que utilizar ajax, todo depende de lo que quieras conseguir.
Podés hacer que el propio php genere el array a partir de la base de datos y posteriormente mostrar resultados aleatorios de ese mismo array con javascript.

SAludos

Hola emprear, gracias por tu respuesta.

Lo que comentas es curioso, si es sin AJAX me interesa pues. Puedo mirar sin problemas como hacer Arrays en PHP, pero desconozco como coger un valor de este desde un JavaScript.

¿Si tengo un script (de JS) en un documento de extensión PHP y con un include() cojo en el index este documento, por cada vez que se ejecute la función del script el valor será distinto, o te cargará siempre el mismo? Es que se me ocurrió la idea de insertar el script en el index, y dentro de él poner un echo() extrayendo de otro documento PHP el valor al azar, pero claro, el valor te lo generaría al cargar la página y sería siempre el mismo por mucho que siempre llames a la función.

[emprear]

Como te dije, todo depende de lo que quieras hacer
la idea básica es esta, vos según decis tenés definido un aray en el propio javascript, usemos imágenes que es lo más comun

Código Javascript:

var arrImagenes = [
 
         'https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/IsabelM/img/casablanca-500x700.jpg',
         'https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/IsabelM/img/lo-que-el-viento-500x700.jpg',
         'https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/IsabelM/img/forrest-gump-500x700.jpg',
         'https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/IsabelM/img/piratas-del-caribe-500x700.jpg'
];
 

y usar alguna función como las que se mencionan aqui
http://www.forosdelweb.com/f13/aport...genes-1017074/
Dejemos a un lado la discusión de si la imagen puede repetirse una vez terminado el ciclo, que ya es hilar muy fino.

Tu idea es no escribir ese array en tu js manualmente, sino generarlo a partir de la base de datos, entonces harías esto con el php

Código Javascript:

var arrImagenes = [
<?php
 
// recorres la BD e imprimis los registro
 
echo "$filaTabla,"
// recordá hacer un count de la cantidad de registros y en el último imprimir la fila pero sin la coma final
 
 
?>
];
 

y luego si la presentación aleatoria de cada indice

otra variante incluso, es hacer un
ORDER BY RAND()
en el mySql y mostrar los registros linealmente.
Son alternativas digamos
Saludos

[Adbane]

Iniciado por emprear

...

¡Perfecto! Lo he entendido claramente, aún no lo he probado pero porque ahora no tengo tiempo, aún así es muy sencillo y tiene lógica, funcionará seguro, muchas gracias por todo, tienes mis puntos :D

[emprear]

Por nada, saludos

[Adbane]

¡Comprobado! Tal y como creí, funciona perfectamente, doy el tema por solucionado :)