Submit de un formulario en un DIV

[JaV1]

Hola muy buenas, tengo una dudilla...

He leido que con jquery o jquery.form se puede hacer, pero he estado mirando pero no me entero de como va, he hecho mil pruebas y nada... y quisiera que alguien me ayudara...

Tengo un menu de administracion admin.php que se divide en 2 partes por 2 etiquetas div.

La parte de la izquerda es el menu de administración.
y la parte de la derecha es el div que uso para trabajar "id=centro"

el problema es por ejemplo digo Añadir datos, y me carga el formulario en la parte de la derecha, pero cuando pulso el boton submit, me abre otra pestaña el navegador y me la carga alli... :S

y yo lo que quiero es que ese mismo "div" con id= centro se recargue y me cargue la respuesta ahi mismo.

Os dejo el link para que probeis a ver.... :D

http://puertodelepe.es/Juani/admin.php

gracias, a ver si alguien me echa una manita ;)

[Sirikon]

Necesitas utilizar en jQuery el método $.post().

Haz que esto se llame cuando el usuario haga click en el botón enviar:

Código Javascript:

$("#botonEnviar").click(function(e){
  e.preventDefault()
  $.post("adddog2.php", $("#centro form").serialize(),
     function(data) {
       $("#centro").html(data)
     });
})
 

Espero te sirva, si tienes cualquier duda pregunta por aquí o échale un ojo a la documentación de jQuery: jQuery.post

Saludos!