Envío de formulario HTML con Jquery AJAX

Estoy tratando de enviar un formulario HTML usando AJAX usando este ejemplo .

Mi código HTML:

Mi guion

  $(document).ready(function() { $('#formoid').ajaxForm(function() { alert("Thank you for your comment!"); }); });  

Esto no funciona, ni siquiera recibo el mensaje de alerta y cuando lo envío no quiero redirigirlo a otra página, solo quiero mostrar el mensaje de alerta.

¿Hay una forma simple de hacerlo?

PD: Tengo varios campos, acabo de poner dos como ejemplo.

Descripción rápida de AJAX

AJAX es simplemente Javascript o XML Asíncrono (en la mayoría de las situaciones más nuevas JSON). Debido a que estamos haciendo una tarea de ASYNC, es probable que proporcionemos a nuestros usuarios una experiencia de interfaz de usuario más agradable. En este caso específico, estamos haciendo una presentación de formulario usando AJAX.

Realmente rápidamente hay 4 acciones web generales GET , POST , PUT y DELETE ; estos se corresponden directamente con SELECT/Retreiving DATA , UPDATING/UPSERTING DATA , UPDATING/UPSERTING DATA , y DELETING DATA . Un formulario HTML / ASP.Net predeterminado / PHP / Python o cualquier otra acción de form es “enviar”, que es una acción POST. Debido a esto, todos a continuación describirán cómo hacer un POST. A veces, sin embargo, con http, es posible que desee una acción diferente y probablemente desee utilizar .ajax .

Mi código específicamente para ti (descrito en los comentarios del código):

       

Documentación

De jQuery sitio web $.post documentación.

Ejemplo : enviar datos de formulario utilizando solicitudes ajax

 $.post("test.php", $("#testform").serialize()); 

Ejemplo : publicar un formulario usando ajax y poner los resultados en un div

       

Nota IMPORTANTE

Sin utilizar OAuth o, como mínimo, HTTPS (TLS / SSL), no utilice este método para datos seguros (números de tarjeta de crédito, SSN, cualquier cosa que sea PCI, HIPAA o relacionada con el inicio de sesión).

 var postData = "text"; $.ajax({ type: "post", url: "url", data: postData, contentType: "application/x-www-form-urlencoded", success: function(responseData, textStatus, jqXHR) { alert("data saved") }, error: function(jqXHR, textStatus, errorThrown) { console.log(errorThrown); } }) 

Si agrega:

jquery.form.min.js

Simplemente puede hacer esto: