GOOGLE ADS

lunes, 18 de abril de 2022

Devuelve el mensaje de "éxito" después de enviar el formulario

Estoy tratando de devolver un mensaje de "Gracias" después de una validación exitosa del correo electrónico jquery y el envío del formulario. Quiero mostrar el mensaje "Gracias" y evitar que la página se redirija a la URL de acción, pero seguir procesando el lado del servidor de datos. Mientras investigaba, creo que una devolución de llamada de Jquery suena bien, pero necesito más orientación ya que los ejemplos que encontré estaban un poco por todas partes. ¿Alguien puede proporcionar alguna entrada?

$("#emailsignup_form").validate();
});
$('#submitemail').click(function() {
app.ajax.load({
reqName: 'emailSubmit',
url: "$httpUrl('Bronto-OptIn')$?email=" + $('#email').val(),
selector: '#emailbox',
callback: function(responseText, textStatus) { }
return false;
}
});
<form id="emailsignup_form" method="post" action="$httpUrl('Bronto-OptIn', 'fid', 'information')$">
<input id="cemail" name="email" size="25" class="required email" />
<input class="submit" id="submitemail" type="submit" value="Submit"/>
</form>
<div id="emailbox"></div>


Solución del problema

Suponiendo que agregue un divpara mostrar el resultado de su publicación

<form id="emailsignup_form" method="post" action="">
<input id="cemail" name="email" size="25" class="required email" />
<input class="submit" id="submitemail" type="submit" value="Submit"/>
</form>
<div id="postresult">
</div>

Puedes publicar tus datos $.post()así

$(function(){
$("form#emailsignup_form").submit(function(e){
e.preventDefault();
$.post(
"processdata.php",
$(this).serialize(),
function(data){
//Your code to process returned data goes here
$("#postresult").text("Thank you!");
}
);
});
});

No hay comentarios.:

Publicar un comentario

Flutter: error de rango al acceder a la respuesta JSON

Estoy accediendo a una respuesta JSON con la siguiente estructura. { "fullName": "FirstName LastName", "listings...