Mostrar mensaje despues de enviar el formulario

[mensajeescrito]

Hola amigas y amigos a ver si me pueden ayudar con esto:

Tengo un codigo que me muestra un mensaje que dice :"gracias por participar" y

justo despues manda el formulario.

Pero lo que necesito es que primero mande el formulario y despues muestre el mensaje de

"gracias por participar". Vamos justo al reves.

Cualquier ayuda estaria muy agradecido miren este es mi codigo:

Código Javascript:

$(".mensaje").fadeIn(1000).delay(2000);
 
           $(".mensaje").fadeOut(1000);
 
            setTimeout(function()
 
                { 
                    $('form').submit();
                },4000);
 

[Alexis88]

Una vez que se ejecuta el envío del formulario, si no se está haciendo vía una petición asíncrona (AJAX), entonces la ventana recargará, por lo que será imposible mostrar mensaje alguno.

Lo que puedes hacer es enviarlo vía AJAX, de esta forma, no solo podrás mostrar un mensaje luego de haber ejecutado el envío de la información sino cuando se haya obtenido una respuesta desde el lado del servidor.

Código Javascript:

$("form").on("submit", function(event){
    event.preventDefault(); //Se cancela el envío "normal"
 
    //Y se procede a hacerlo vía AJAX
    $.ajax({
        url: $(this).prop("action"),
        type: $(this).prop("method"),
        data: $(this).serialize(),
        dataType: "json",
    }).done(function(response){
        if (response.estado == "ok"){
            alert("El proceso fue exitoso: " + response.mensaje);
        }
        else{
            alert("Ha ocurrido un error: " + response.mensaje);
        }
    }).fail(function(xhr, error){
        alert(error);
    });
});
 

En el archivo del lado del servidor (un ejemplo con PHP):

Código PHP:

//Instrucciones
//...
//Más instrucciones
//...
 
//Supongamos que guardarás datos
 
if ($guardado){
    echo json_encode([
        'estado' => 'ok',
        'mensaje' => 'Mensaje de éxito' //Por ejemplo: Los 54 datos han sido guardados satisfactoriamente
    ]);
}
else{
    echo json_encode([
        'estado' => 'error',
        'mensaje' => 'Descripción del error' //Si usas la extensión MySQLi, puedes usar la función mysqli_error()
    ]);
}
 

[mensajeescrito]

Muchas gracias alexis88, he entendido bien por que no puede ser como digo ya que al mandar el formulario se refresca la pantalla.
tienes razon.

Pero Mira tengo el siguiente codigo que me envia de manera automatica sin hacer click en un boton enviar del formulario.

Y se manda de manera automatica justo cuando se marcan 3 radio butons.

Podrias ayudarme con mi codigo para hacer que mande un mensaje de enviado cuando se envien los datos del formulario.

Mira este es mi codigo.

Código Javascript:

$(":radio").change(function() 
 
      {
        var names = {};
 
        $(':radio').each(function() 
 
          {
            names[$(this).attr('name')] = true;
          });
 
 
 
        var count = 0;
 
        $.each(names, function() 
 
          { 
            count++;
          });
 
 
 
        if ($(':radio:checked').length === count) 
 
          {
            //$('form').submit();
/*
           $(".mensaje").fadeIn(1000).delay(2000);
 
           $(".mensaje").fadeOut(1000);
 
            setTimeout(function()
 
                { 
                    $('form').submit();
                },4000);
 
*/
          }
 
      }).change();
 

[Alexis88]

En el código que muestras, solo veo que se ejecutan dos bucles y la evaluación de una condición. No se muestra ninguna línea que ejecute el envío de los datos del formulario. De cualquier forma, en el ejemplo que te he mostrado, se controla el envío de los datos sin distinguir si se ha presionado algún botón o si se ha dado un clic en otra parte. Adáptalo a lo que tienes y prueba.