Formulario que me de un mensaje al enviarlo

[20113784]

Se que es con una llamada Ajax pero no se como hacerlo. lo que quiero es que cuando el formulario sea enviado no me mande a la dirección del action (en mi caso esta en un html y la dirección del action es un .php) sino que los campos del formulario desaparezcan y aparezca un mensaje de agradecimiento.

[fede_c]

Exactamente, se tiene que hacer mediante ajax y te recomiendo hacerlo con jquery.
Quitale el action al formulario agregale un id, para poder enviarlo despues por ajax. Tambien al boton para enviar agregale un id.

Código Javascript:

$(document).ready(function(){
$('.IDDELBOTON').click(function(evento){
evento.preventDefault();
$.ajax({
   url: 'archivo.php',
   data: $('#IDFORMULARIO').serialize(),
   success: function(resultado){
    $('#dondequeresponerelresultado').html("<p>resultado</p>");
}
 
 
});
 
 
});
});
 

El resultado va a ser lo que imprima el archivo php

[Alexis88]

Al código de fede_c hay que hacerle una pequeña pero importante modificación:

Código Javascript:

//MAL
$('#dondequeresponerelresultado').html("<p>resultado</p>");
 
//BIEN
$('#dondequeresponerelresultado').html("<p>" + resultado + "</p>");
 

Si dejabas a la variable resultado entre las comillas, sería interpretada como una cadena de texto y nunca verías el resultado de la petición asíncrona. Concatenándola como lo hice, lograrás obtener el resultado esperado, aunque para hacer algo tan sencillo, no era necesario echar mano de una librería. También sería bueno que indiques el tipo de envío de los datos (GET o POST) mediante el atributo type. Si vas a tomar al botón por su id, debes de anteponer un # en lugar de un punto, el cual se usa para tomar al/los elemento/s por su clase, aunque de cualquier manera, lo que debes de tomar es al formulario, pero de este modo también funcionará.

Saludos

[fede_c]

Uh, no le preste atencion a ese error, gracias por la correccion.