/Javascript/jQuery/Jquery submit form via ajax

Jquery submit form via ajax

// jQuery ajax form submit example, runs when form is submitted
$("#myFormID").submit(function(e) {
    e.preventDefault(); // prevent actual form submit
    var form = $(this);
    var url = form.attr('action'); //get submit url [replace url here if desired]
    $.ajax({
         type: "POST",
         url: url,
         data: form.serialize(), // serializes form input
         success: function(data){
             console.log(data);
         }
    });
});

Ajax submit form data

<form id="contactForm1" action="/your_url" method="post">
    <!-- Form input fields here (do not forget your name attributes). -->
</form>

<script type="text/javascript">
    var frm = $('#contactForm1');

    frm.submit(function (e) {

        e.preventDefault();

        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            success: function (data) {
                console.log('Submission was successful.');
                console.log(data);
            },
            error: function (data) {
                console.log('An error occurred.');
                console.log(data);
            },
        });
    });
</script>

Source: stackoverflow.com

Ajax form submit

Ajax jquery form submit

Similar codes

1 vote185 views1 answer
Jquery clear select 2
Javascript jQuery
13 votes152 views6 answers
Jquery remove class
Javascript jQuery
5 votes171 views1 answer
Jquery continue each loop
Javascript jQuery
25 votes155 views6 answers
Jquery get dropdown selected value
Javascript jQuery
81 votes153 views6 answers
.on click jquery
Javascript jQuery
20 votes145 views6 answers
Jquery format date
Javascript jQuery
0 vote145 views1 answer
Jquery parent child selector
Javascript jQuery
2 votes145 views2 answers
Jquery before submit
Javascript jQuery
0 vote147 views2 answers
Jquery post docs.google.com/forms/ CORS
Javascript jQuery
0 vote144 views1 answer
Jquery close popup when click outside
Javascript jQuery