Entrar Regístrate
 
Leer variables .php mediante .js y mostrar en html
#1 ·

Hola que tal

bueno pues basicamente lo que busco lograr es leer las variables de un archivo (.php) atravez de un archivo (.js) y asu vez mostrar esas variables leidas en un archivo (.html), para mostrar el contenido en html uso el codigo:

<script language="Javascript" src="archivo.js"></script>

en si el sistema que tengo integrado se necesito que se comunique asi:

el PHP se hace la consulta a la base de datos MYSQL y necesito que el JS leea las variables de la base de datos y mostrarlas en mi HTML...

¿Sera posible lograr tal coneccion?


luis12345manuel
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 9
Desde: 08/Feb/2010
·
#2 ·

Claro que sí, en Php debes armar un string que le devolverás a una función en JavaScript, luego esta función actualiza el HTML.

Para ello, ese string debe ser en formato JSON o XML (ambas tecnologías están disponibles en JS y PHP); para completar, debes usar un objeto HTTPXMLrequest.


GestionXls
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 4.001
Desde: 02/Ago/2008
· ·
#3 ·

Otra opción, crea el javascript en un archivo PHP, y haciendo la consulta ahí puedes imprimir las variables:

Código:
<?php

// Cabecera del archivo
header("Content-type: text/javascript");

// Conectas a la base de datos
...

// Haces la consulta
...

// Imprimes las variables
echo "string1 = '$string1';";
echo "string2 = '$string2';";
echo "integer1 = $integer1;";
echo "integer2 = $integer2;";

?>

//Sigues con el JS
document.getElementById("datos").innerHTML = "String1: " + string1;


Josepepe033
Moderador del foro
Moderador del foro
Haz clic para ver el perfil del usuario
Mensajes: 2.734
Desde: 10/Ene/2009
· ·
#4 ·

muchas gracias por las respuestas

lo e intentado de varias maneras pero creo que no lo estoy aplicando bien.

en mi php hago todo el proceso y despues imprimo las variables

<?php
header("Content-type: text/javascript");

// Coneccion a la base de datos
...

// proceso
...
$Contenido = $row[Contenido];

// imprimir las variables
echo "Contenido = '$Contenido';";
?>

En mi .js

document.getElementById("datos").innerHTML = "Contenido: " + Contenido;

 una vez que tengo todo lo mando llamar desde mi html use varias maneras para llamarlo sin exito

<script language="Javascript" src="archivo.js"></script>//forma 1

<script language="Javascript" src="archivo.php"></script> //forma 2

realmente debo admitir que soy nuevo en javascript no tengo mucha experiencia estaria muy agradecido si me pudiesen apoyar con este problema :)


luis12345manuel
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 9
Desde: 08/Feb/2010
·
#5 ·

@luis12345manuel

La idea es utilizar un solo fichero .php donde combines el php y el js. En cuanto cierras las etiquetas de php puedes incorporar el JavaScript como si fuera un fichero js.

Aún así, si quieres hacerlo por separado, debes llamar primero al fichero php que genera las variables, para después poder utilizarlas en el otro fichero.



Josepepe033
Moderador del foro
Moderador del foro
Haz clic para ver el perfil del usuario
Mensajes: 2.734
Desde: 10/Ene/2009
· ·
#6 ·

Así como lo tienes, el código JS se ejecuta al cargar la página, pero sólo se cargan las variables, las instrucciones que pretendes actualicen el HTML intentarán ejecutarse pero no tendrán éxito debido que el HTML todavía no se ha cargado y el arbol DOM todavía no se ha generado.

En tal caso, y para que tengan efecto, incluye las acciones del DOM (getElementById y otras del tipo) dentro de una función 'window.onload(){ acá; }', pero ten en cuenta que sólo se ejecutarán una sola vez.


GestionXls
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 4.001
Desde: 02/Ago/2008
· ·
#7 ·

muchas gracias por toda la ayuda me funciono de maravilla efectivamente ya muestra las variables leidas en mi html :)


luis12345manuel
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 9
Desde: 08/Feb/2010
·
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · Java y Javascript
Opciones:
Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 00:44 UTC+02:00 DST
Temas similares
 I FotoPTemaMensajesÚltima respuesta
No Hay mensajes nuevosHaz clic para ver el perfil del usuario129/Mar/2009, 19:04
juanlomdp Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Pedir variables a PHP
Por: sk.valshk · 12/Nov/2006, 06:40
113/Nov/2006, 13:07
vhsP Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario115/Oct/2018, 12:46
juancarlosinesferis Ir al último mensaje del tema