https://stackoverflow.com/questions/16638181/targeting-multiple-forms-to-send-via-ajax-jquery/59319231#59319231
https://stackoverflow.com/questions/19182199/to-submit-a-form-among-multiple-forms-using-jquery-ajax#autocomment104839387
/* get all form and loop */ $( "form" ).each( function () { /* addEventListener onsubmit each form */ $( this ).bind( "submit", function (event) { /* return false */ event.preventDefault(); /* formHTML element (object) */ var formHTML = event.target; /* display each props of forms */ console.log( formHTML ); console.log( "form id: " + formHTML.id ); console.log( "form method: " + formHTML.method ); console.log( "form action: " + formHTML.action ); /* using formData */ var formData = new FormData( formHTML ); console.log( formData ); /* ajax */ $.ajax({ method: formHTML.method, url: formHTML.action, // data: $( this ).serialize(), // serializes the form's elements. data: formData, /* result type data JSON.parse(data) http://api.jquery.com/jQuery.ajax/ */ dataType: "HTML", cache: false, /* upload */ contentType: false, // formData with $_POST or $_FILES in server (PHP) processData: false, success: function(result) { alert(result); console.log(result); } }); } ); });
Demo repl.it
Top comments (0)