Ahora que esta muy de moda la web 2.0, muchos clientes piden que se recarguen elementos, que aparezcan mensajes, etc y todo sin recargar la página para eso se puede usar complicados y confusos codigos AJAX o DOM pero yo prefiero usar un método mas simple con Jquery.
¿Qué es Jquery?
Jquery es una libreria javascript que nos hace la vida más fácil a la hora de manipular elementos html, enviar formularios con ajax, hacer animaciones y todas esas cosas que llaman web 2.0
Actualizar un elemento sin recargar usando AJAX
Para eso vamos a crear DIV con el id “recargado” donde vamos a llamar el resultado de un archivo PHP, que podría ser la invocación a una base de datos, un mensaje, validación, prácticamente cualquier cosa que hag PHP y porsupuesto sin recargar la página
1 2 3 4 |
Implementando JQUERY
Luego de incluir la libreria jquery
Escribimos nuestro código que se ejecutará cuando demos click al link “recargar”
1 2 3 4 5 6 7 8 9 10 11 | <script language="javascript"> function recargar(){ /// Aqui podemos enviarle alguna variable a nuestro script PHP var variable_post="Mi texto recargado"; /// Invocamos a nuestro script PHP $.post("miscript.php", { variable: variable_post }, function(data){ /// Ponemos la respuesta de nuestro script en el DIV recargado $("#recargado").html(data); }); } </script> |
Estoy intentando poner música en wordpress (uf, no empezamos bien…) y necesito que se reproduzca de forma contínua de forma que no se reinicie al navegar por la web, se podría utilizar este script para que haga lo contrario: que no recargue?
Hola Miguel,
Aunque soy usuario habitual de tu página esta vez he llegado tras una y mil busquedas en google. En concreto estoy buscando este mismo ejercicio, pero dependiendo de una variable PHP. Es decir el elemento recargado recibe una variable y en funcion de esta muestra una cosa u otra.. ¿es esto posible?
Por más que he buscado no he conseguido encontrar nada util, ¿serieas tan amable de echarme un cable?
Muchas gracias!
Con wordpress no podrías salvo que uses 2 frames en uno tu música y en otro tu wordpress, lo malo es que perderías todas la indexación en buscadores que te brinda Wordpress
Si, claro enviando variables via GET o POST si te fijas en esta linea $.post(“miscript.php”, { variable: variable_post } alli le estoy enviando variables a PHP usando POST, luego podría obtener su valor en el PHP con algo como $_POST['variable'], para que muestre una u otra cosa usas IF o CASE if($_POST['variable']==”algo”){echo “un contenido”;}else if($_POST['variable']==”otra cosa”){echo “otro contenido”;}
Pff, muchisimas gracias, justo lo que andaba buscando!, vi tu otro post del envio de formulario también pero creo que lo que quiero hacer está mas aplicado con éste ejemplo!, es para aceptar una “Solicitud de amistad” de una mini-red social, algo asi como en facebook sin que recargue la pagina
Gracias reiteradas!
Pff, muchisimas gracias, justo lo que andaba buscando!, vi tu otro post del envio de formulario también pero creo que lo que quiero hacer está mas aplicado con éste ejemplo!, es para aceptar una \