Necesito ayuda para enviar un formulario usando AJAX en Vanilla JavaScript (sin jQuery). Tengo este código jQuery que necesito convertir a JavaScript.
$(document).ready(function() { $('.myForm').submit(function (event) { var data = $(this); $.ajax({ type: data.attr('method'), url: data.attr('action'), data: data.serialize(), success: function (data) { } }); event.preventDefault(); }); });Puede usar la API Fetch integrada para llamadas AJAX y FormData para analizar su formulario.
Aparte de eso, simplemente reemplace su jquery con detectores de eventos, selectores de consultas y captadores de atributos.
document.addEventListener('DOMContentLoaded', function() { document.querySelector('.myForm').addEventListener('submit', function (event) { var data = this; fetch(data.getAttribute('action'), { method: data.getAttribute('method'), body: new FormData(data) }).then(res=>res.text()) .then(function (data) { }); event.preventDefault(); }); });