/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 vote237 views1 answer
Exploding string with comma using jquery
Javascript jQuery
0 vote280 views1 answer
How to toggle fa fa-caret-down and fa fa-caret-up using jquery
Javascript jQuery
0 vote295 views1 answer
Populate dropdown using jquery from database
Javascript jQuery
2 votes287 views1 answer
How to run function after animation complete jquery
Javascript jQuery
0 vote269 views1 answer
Jquery append text for 5 seconds
Javascript jQuery
0 vote267 views1 answer
Js require jquery
Javascript jQuery
0 vote269 views1 answer
Jquery each tr except first
Javascript jQuery
-1 vote277 views1 answer
Jquery function called onDeleteMovie. This function should be invoked upon clicking the Delete button of each one of the movie templates
Javascript jQuery
0 vote228 views0 answer
Jquery
Javascript jQuery
94 votes317 views5 answers
Generate random number jquery
Javascript jQuery