Refrescar parte de la pagina

quiquebg · #1 (**permalink**) 14/01/2012, 12:47

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 .

ocesitaro · #2 (**permalink**) 14/01/2012, 15:41

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.
}
}

quiquebg · #3 (**permalink**) 18/01/2012, 11:25

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

Estoy haciéndolo correctamente?

Código HTML:

Ver original<html>
 
<head>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>  
 
</head>
 
<body>
 
<form method="POST" action="#">
    
    <p>nombre<input type="text" name="nombre" size="20"></p>
    <p>privado<input type="text" name="privado" size="20"></p>
    <p>url<input type="text" name="url" size="20"></p>
    <p>descripción <input type="text" name="descripcion" size="40"><input type="submit" id="boton_enviar" value="Enviar"></p>
</form>
<script type="text/javascript">  
$('#boton_enviar').click(function(){
$.post(
'frompage.php',
{parametro1:$('imput[name=nombre]').val(),
parametro2:$('imput[name=privado]').val(),
parametro3:$('imput[name=url]').val(),
parametro4:$('imput[name=descripcion]').val(),
},
function(data){
$('.e').html(data) //aca la respuesta del post, que bien podria ser la lista de tus registros.
}
}
</script>
 
 
</body>
 
</html>