Mandar formulario sin recargar pagina

[sergio_ivan_vr]

Hola amigos quisiera que me hecharan una mano, quiero que se llene un formulario, y que cada que se presione un boton "agregar a tabla" los datos de ese formulario se pasen a una tabla mas abajo de la pagina sin que se actualize la pagina, para que al final el usuario pueda visualizar los datos en la tabla y pueda registrar en una base de datos.

He estado buscando informacion, y he encontrado varios tutos pero no logro comprenderlos, ahora lo que pienso hacer es lo siguiente:

Tengo el formulario en un html, aqui mismo cargo la libreria jquery y pongo la funcion recargar(el cual no logro entender como se hace).

Mando los datos del formulario a un archivo php donde tengo todos los datos.

Ahora aqui esta el problema, como recupero con jquery los datos del archivo php y los voy poniendo en la tabla cada que se presione el boton "agregar a tabla"

Les agradeceria mucho su ayuda ya que llevo algo de tiempo con esto y no logro resolverlo, tal ves alguien tenga un ejemplo sencillo para que lo analize, o me estoy complicando mucho y hay una manera mas sencilla, estoy abierto a todas las propuestas.
Saludos

[maycolalvarez]

enviar datos a php no implica que se conserven, has de almacenarlos en algún lado del servidor con php para poder recuperarlos.

aunque la opción más factible es crear formularios dinámica-mente desde el mismo javascript y enviar toda la data en un solo request

[sergio_ivan_vr]

Ok, podrias explicarte un poco mas por favor, lo que yo quize decir es que cada que se presione el boton y se manden los datos a un archivo php, los pueda interceptar con jquery, algo asi como esto: http://www.miguelmanchego.com/2009/ajax-enviar-formularios-sin-recargar-jquery/
pero que se puedan agregar varios registros, mientras investigare lo de los formularios dinamicos gracias

[sjam7]

bueno, si necesitas enviar un formulario puedes usar el metodo .post algo asi:

Código Javascript:

var $form = $( this ),
    dato1 = $form.find( 'input[name="dato1"]' ).val(),
    dato2 = $form.find( 'input[name="dato2"]' ).val();
                
$.post("formulario.php", { dato1:dato1, dato2:dato2},
    function(data) {
     //AQUI HARIAS LA FUNCION A REALIZAR
    });