Breaking News: Grepper is joining You.com. Read the official announcement!

ajax submit form data

Uninterested Unicorn answered on January 9, 2021 Popularity 10/10 Helpfulness 4/10

answer ajax submit form data

ajax submit form data

Comment

<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>

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: ajax form-data javascript submit

Link to this answer
Share Copy Link