Esta es una referencia simple:
// este es el id del formulario
$ (“# idForm”). submit (function (e) {
var url = “ruta / a / your / script.php”; // el script donde manejas la entrada del formulario.
- ¿Cómo maneja Quora todos los eventos en tiempo real que ocurren en el sitio?
- ¿Cuál es la diferencia y la relación entre CMS, base de datos, marco web?
- ¿Qué es mejor, Jackson o Gson?
- Cómo evitar que los elementos cambien y cambien de tamaño cuando el navegador se acerca a mi página HTML
- ¿Qué camino de aprendizaje sería el mejor para el desarrollo front-end en 2017?
$ .ajax ({
tipo: “POST”,
url: url,
data: $ (“# idForm”). serialize (), // serializa los elementos del formulario.
éxito: función (datos)
{
alerta (datos); // muestra la respuesta del script php.
}
});
e.preventDefault (); // evite ejecutar el envío real del formulario.
});
Otra solución similar que utiliza atributos definidos en el elemento de formulario:
var frm = $ (‘# contactForm1’);
frm.submit (función (e) {
e.preventDefault ();
$ .ajax ({
tipo: frm.attr (‘método’),
url: frm.attr (‘acción’),
datos: frm.serialize (),
éxito: función (datos) {
console.log (‘El envío fue exitoso’);
console.log (datos);
},
error: función (datos) {
console.log (‘Se produjo un error’);
console.log (datos);
},
});
});
Espero que te ayude.
Gracias,
Sachin Tiwari en Pepipost – Construyendo la comunidad de buenos remitentes de correo electrónico más grande del mundo