Como procesar datos de js a php

[follow]

Hola a todos, vereis tengo un formulario, en un archivo ".html" , en éste .html cargo un archivo ".js" que se encarga de validar el formulario y darle un pequeño aspecto animado. El problema es que estoy empezando a manejar javascript y no termino de comprender como puedo decirle al script que cuando llegue a un punto se vaya a un archivo de php para procesar los datos metiendolos en la base de datos si toda la validacion javascript ha ido bien...

Me he estado informando pero me parece un poco confuso, y las pruebas que he hecho no me llevan a ningún lado. Si alguien tiene algún enlace bueno, tutorial, ejemplo o explicación me vendría muy bien.

Mi formulario consta de tres partes, y una vez que he llegado bien a la tercera parte:

Código HTML:

  $('#submit_tres').click(function(){
        // barra de progreso de formulario completado
        $('#progress_text').html('100% Complete');
        $('#progress').css('width','339px');
        alert('¡¡¡¡¡¡¡¡ Datos enviados !!!!!!!');
}

No se si debería ahí en ese fragmento de código añadirle algo así (perdon por mi ignorancia)

Código HTML:

$.ajax({
type: "POST",
url: "procesar.php",
}

Pero no se si eso debe de ir dentro de mi paso 3, ni si eso tiene sentido, ni nada!!!

[gilber966]

mira asi debe ser:

<form id="" method="post" action="lleva2.php" onsubmit="return validar(this)" >

esto es todo el contenido del formulario


<input type="submit" value="enviar mi formulario al script lleva2.php">


</form>

si lo haces por ajax se modifica un poco, haces la llamada despues de comprobar que todos los campos obligados enten llenos, ahi una funcion en los framework que revisan todos los elementos del formulario, te presento mi mas usada funcion para envio de forms:

Código Javascript:

function enviaForm(mi_form,script_destino.php,div_muestra_respuesta){
//envio de peticiones ajax con xmlhttprequest
//alert("formulario id:"+m+"destino :"+des);
$(div_muestra_respuesta).update("Cargando. . . ");
k=Form.serialize($(mi_form))
//alert(k);
new Ajax.Request(script_destino.php, {
onSuccess : function(resp) {
//alert("la respuesta del servidor: " + resp.responseText);
$(div_muestra_respuesta).update("");    
  $(div_muestra_respuesta).innerHTML = resp.responseText;
 
},
onFailure : function(resp) {
alert("Oops, no se pudo");
},
parameters : k
});
}
 

Uso el framework protoype junto con el framework jquery

[quedecosas]

Hola, mira para procesar formularios te recomiendo este plugin

http://jquery.malsup.com/form/

es muy sencillo de usar y ahi viene con ejemplos explicado

saludos! cualquier duda pregunta