/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

0 vote212 views1 answer
Jquery table row calculation
Javascript jQuery
32 votes218 views6 answers
Set radio button checked jquery
Javascript jQuery
90 votes253 views6 answers
Jquery click function
Javascript jQuery
3 votes237 views2 answers
Select options of Select2 control based on values using Jquery
Javascript jQuery
0 vote205 views1 answer
Jquery each check if last index
Javascript jQuery
0 vote192 views1 answer
Find element by two attributes jquery
Javascript jQuery
92 votes234 views3 answers
Parse json jquery
Javascript jQuery
63 votes210 views6 answers
Jquery append after
Javascript jQuery
83 votes271 views6 answers
Jquery on click
Javascript jQuery
100 votes326 views6 answers
Jquery check if checkbox is not checked
Javascript jQuery