Foros del Web » Programando para Internet » Javascript »

Refrescar parte de la pagina

Estas en el tema de Refrescar parte de la pagina en el foro de Javascript en Foros del Web. Hola, estoy creando una web para guardar enlaces en favoritos entre otras cosas. Pero tengo un problema... Tengo la pagina donde se ven todos los ...
  #1 (permalink)  
Antiguo 14/01/2012, 12:47
 
Fecha de Ingreso: junio-2009
Mensajes: 80
Antigüedad: 13 años, 1 mes
Puntos: 2
Pregunta Refrescar parte de la pagina

Hola, estoy creando una web para guardar enlaces en favoritos entre otras cosas.

Pero tengo un problema...

Tengo la pagina donde se ven todos los enlaces guardados. Ejemplo:

Google.es - Pagina de google - borrar...
forosdelweb.com - el mejor foro del mundo - borrar...
etc(...)

Y encima de todo lo guardado esta el formulario para añadir nuevos. Este formulario no enviara al usuario a otra pagina sino que enviara en método post a un PHP por javascript. (lo cual no te envía a la pagina en php y te mantienes en la misma.)

Lo que necesito es que al enviar dicho formulario, aparezca ya en la lista el enlace añadido.

(recarga en javascript)

como ejemplo el twitter que aparece: nueva actualización. y no se a recargado la pagina.

No se si me he explicado bien jeje. gracias por la ayuda .
  #2 (permalink)  
Antiguo 14/01/2012, 15:41
Avatar de ocesitaro  
Fecha de Ingreso: diciembre-2011
Ubicación: Carabayllo
Mensajes: 274
Antigüedad: 10 años, 8 meses
Puntos: 36
Respuesta: Refrescar parte de la pagina

usa ajax sino algo mas fácil usa el framework de jquery

$('#boton_enviar').click(function(){
$.post(
'pagina_que_busca.php',
{parametro1:$('imput[name=campo1]').val(),
parametro2:$('imput[name=campo2]').val(),
parametro3:$('imput[name=campo3]').val(),
},
function(data){
$('#div_resultados').html(data) //aca la respuesta del post, que bien podria ser la lista de tus registros.
}
}
  #3 (permalink)  
Antiguo 18/01/2012, 11:25
 
Fecha de Ingreso: junio-2009
Mensajes: 80
Antigüedad: 13 años, 1 mes
Puntos: 2
Respuesta: Refrescar parte de la pagina

hola intente lo que me dijiste pero no me funciono...

Estoy haciéndolo correctamente?

Código HTML:
Ver original
  1.  
  2.  
  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>  
  4.  
  5. </head>
  6.  
  7.  
  8. <form method="POST" action="#">
  9.    
  10.     <p>nombre<input type="text" name="nombre" size="20"></p>
  11.     <p>privado<input type="text" name="privado" size="20"></p>
  12.     <p>url<input type="text" name="url" size="20"></p>
  13.     <p>descripción <input type="text" name="descripcion" size="40"><input type="submit" id="boton_enviar" value="Enviar"></p>
  14. </form>
  15. <script type="text/javascript">  
  16. $('#boton_enviar').click(function(){
  17. $.post(
  18. 'frompage.php',
  19. {parametro1:$('imput[name=nombre]').val(),
  20. parametro2:$('imput[name=privado]').val(),
  21. parametro3:$('imput[name=url]').val(),
  22. parametro4:$('imput[name=descripcion]').val(),
  23. },
  24. function(data){
  25. $('.e').html(data) //aca la respuesta del post, que bien podria ser la lista de tus registros.
  26. }
  27. }
  28.  
  29.  
  30. </body>
  31.  
  32. </html>

Etiquetas: php, reload
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 22:12.