Foros del Web » Programando para Internet » PHP »

[SOLUCIONADO] PHP OO Pasar datos obtenidos en PHP a JavaScript

Estas en el tema de Pasar datos obtenidos en PHP a JavaScript en el foro de PHP en Foros del Web. Hola, Pues la situación es la siguiente. Mi aplicación mostrará unas gráficas que he cogido de Highcharts, las cuales están en JavaScript. (Un ejemplo) http://www.highcharts.com/demo/combo ...
  #1 (permalink)  
Antiguo 01/10/2013, 11:03
 
Fecha de Ingreso: agosto-2013
Ubicación: Asturias
Mensajes: 11
Antigüedad: 10 años, 8 meses
Puntos: 0
Pasar datos obtenidos en PHP a JavaScript

Hola,

Pues la situación es la siguiente.

Mi aplicación mostrará unas gráficas que he cogido de Highcharts, las cuales están en JavaScript. (Un ejemplo)
http://www.highcharts.com/demo/combo

Los valores a representar en las gráficas las obtiene de una base de datos. Mi duda era si puedo pasar esos datos obtenidos a la gráfica ya que la función que me obtiene los datos está en PHP y las gráficas en JavaScript

Muchas gracias de antemano.

Un saludo.
  #2 (permalink)  
Antiguo 01/10/2013, 11:18
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años
Puntos: 2534
Respuesta: Pasar datos obtenidos en PHP a JavaScript

Puedes usar JSON para convertir la estructura de datos, consulta el manual.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #3 (permalink)  
Antiguo 01/10/2013, 11:23
Avatar de xSkArx  
Fecha de Ingreso: marzo-2008
Ubicación: Chile
Mensajes: 945
Antigüedad: 16 años, 1 mes
Puntos: 96
Respuesta: Pasar datos obtenidos en PHP a JavaScript

Si los datos loa guardas en variable puedes hacer algo asi

Código Javascript:
Ver original
  1. var dato=document.getElementById('midato').value

Código PHP:
Ver original
  1. echo '<a id="midato">'.$dato.'</a>';
__________________
Busca, lee y practica todo lo que puedas.
Usa siempre el buscador antes de postear.
Si posteas código, utiliza el HIGHLIGHT correcto.
  #4 (permalink)  
Antiguo 01/10/2013, 11:26
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Pasar datos obtenidos en PHP a JavaScript

Cita:
Iniciado por SkAr88 Ver Mensaje
Si los datos loa guardas en variable puedes hacer algo asi

Código Javascript:
Ver original
  1. var dato=document.getElementById('midato').value

Código PHP:
Ver original
  1. echo '<a id="midato">'.$dato.'</a>";
en HTML esos son bookmarks, no variables como tal, para ello se hace esto tan simple:


Código Javascript:
Ver original
  1. //dentro de <script>
  2. var mivariable = <?=$variable_php?>; //se ser string, use '<?=$foo?>'

y de igual forma usar JSON como indica @pateketrueke
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #5 (permalink)  
Antiguo 01/10/2013, 12:27
 
Fecha de Ingreso: agosto-2013
Ubicación: Asturias
Mensajes: 11
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: Pasar datos obtenidos en PHP a JavaScript

Gracias,

Entonces, si tengo este código (que es el que trae la página)

HTML
Código HTML:
Ver original
  1. <script src="http://code.highcharts.com/highcharts.js"></script>
  2. <script src="http://code.highcharts.com/modules/exporting.js"></script>
  3.  
  4. <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JAVASCRIPT
Código Javascript:
Ver original
  1. $(function () {
  2.         $('#container').highcharts({
  3.             chart: {
  4.                 type: 'line'
  5.             },
  6.             title: {
  7.                 text: 'Monthly Average Temperature'
  8.             },
  9.             subtitle: {
  10.                 text: 'Source: WorldClimate.com'
  11.             },
  12.             xAxis: {
  13.                 categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
  14.             },
  15.             yAxis: {
  16.                 title: {
  17.                     text: 'Temperature (°C)'
  18.                 }
  19.             },
  20.             tooltip: {
  21.                 enabled: false,
  22.                 formatter: function() {
  23.                     return '<b>'+ this.series.name +'</b><br/>'+
  24.                         this.x +': '+ this.y +'°C';
  25.                 }
  26.             },
  27.             plotOptions: {
  28.                 line: {
  29.                     dataLabels: {
  30.                         enabled: true
  31.                     },
  32.                     enableMouseTracking: false
  33.                 }
  34.             },
  35.             series: [{
  36.                 name: 'Tokyo',
  37.                 data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
  38.             }, {
  39.                 name: 'London',
  40.                 data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
  41.             }]
  42.         });
  43.     });

E imaginemos que en vez de los datos prefijados que tiene Tokyo,se los paso. ¿Sería así?

Código Javascript:
Ver original
  1. name: 'Tokyo',
  2. data: <?$Vble_array_php?>

Gracias
  #6 (permalink)  
Antiguo 01/10/2013, 12:34
Avatar de xSkArx  
Fecha de Ingreso: marzo-2008
Ubicación: Chile
Mensajes: 945
Antigüedad: 16 años, 1 mes
Puntos: 96
Respuesta: Pasar datos obtenidos en PHP a JavaScript

Falta ponerle el = despues de <? o sea aai <?=$var?>
__________________
Busca, lee y practica todo lo que puedas.
Usa siempre el buscador antes de postear.
Si posteas código, utiliza el HIGHLIGHT correcto.
  #7 (permalink)  
Antiguo 01/10/2013, 12:34
Avatar de h2swider  
Fecha de Ingreso: julio-2007
Ubicación: Ciudad de Buenos Aires
Mensajes: 932
Antigüedad: 16 años, 9 meses
Puntos: 194
Respuesta: Pasar datos obtenidos en PHP a JavaScript

Te falta un echo o un <?=
__________________
Codifica siempre como si la persona que finalmente mantedra tu código sea un psicópata violento que sabe donde vives
  #8 (permalink)  
Antiguo 01/10/2013, 12:38
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Pasar datos obtenidos en PHP a JavaScript

OJO: sólo puedes colocarlo dentro del archivo PHP de la petición, si usas esos *.js externos no lo podrás hacer, tendrías que leerlos con PHP e inyectarlos como bloques <script></script> con los cambios, recuerda que PHP se ejecuta del lado der server
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #9 (permalink)  
Antiguo 02/10/2013, 10:31
 
Fecha de Ingreso: agosto-2013
Ubicación: Asturias
Mensajes: 11
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: Pasar datos obtenidos en PHP a JavaScript

Si, es lo malo, que uno se ejecuta en el cliente y lo otro en el servidor.
¿Y si uso un JSON como recomienda @pateketrueke no me haría falta inyectar los bloques verdad?
¿Podría hacer una peticion Jquery que me obtenga los datos de PHP?

Hago un PHP donde me genere el JSON y con la petición los recupero.

¿Se podría hacer?

Gracias
Un saludo.
  #10 (permalink)  
Antiguo 02/10/2013, 12:19
Avatar de h2swider  
Fecha de Ingreso: julio-2007
Ubicación: Ciudad de Buenos Aires
Mensajes: 932
Antigüedad: 16 años, 9 meses
Puntos: 194
Respuesta: Pasar datos obtenidos en PHP a JavaScript

Cita:
Iniciado por Derley Ver Mensaje
Si, es lo malo, que uno se ejecuta en el cliente y lo otro en el servidor.
¿Y si uso un JSON como recomienda @pateketrueke no me haría falta inyectar los bloques verdad?
¿Podría hacer una peticion Jquery que me obtenga los datos de PHP?

Hago un PHP donde me genere el JSON y con la petición los recupero.

¿Se podría hacer?

Gracias
Un saludo.
Eso amigo, es la definicion de ajax.
__________________
Codifica siempre como si la persona que finalmente mantedra tu código sea un psicópata violento que sabe donde vives
  #11 (permalink)  
Antiguo 03/10/2013, 09:57
 
Fecha de Ingreso: agosto-2013
Ubicación: Asturias
Mensajes: 11
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: Pasar datos obtenidos en PHP a JavaScript

Gracias, pues miraré Ajax y consultaré en el subforo correspondiente.

Un saludo.

Etiquetas: javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:32.