jquery submit form via ajax

1// jQuery ajax form submit example, runs when form is submitted
2$("#myFormID").submit(function(e) {
3    e.preventDefault(); // prevent actual form submit
4    var form = $(this);
5    var url = form.attr('action'); //get submit url [replace url here if desired]
6    $.ajax({
7         type: "POST",
8         url: url,
9         data: form.serialize(), // serializes form input
10         success: function(data){
11             console.log(data);
12         }
13    });
14});

1<form id="contactForm1" action="/your_url" method="post">
2    <!-- Form input fields here (do not forget your name attributes). -->
3</form>
4
5<script type="text/javascript">
6    var frm = $('#contactForm1');
7
8    frm.submit(function (e) {
9
10        e.preventDefault();
11
12        $.ajax({
13            type: frm.attr('method'),
14            url: frm.attr('action'),
15            data: frm.serialize(),
16            success: function (data) {
17                console.log('Submission was successful.');
18                console.log(data);
19            },
20            error: function (data) {
21                console.log('An error occurred.');
22                console.log(data);
23            },
24        });
25    });
26</script>
27