sigil88
10/1/2017 - 10:44 PM

super simple ajax

super simple ajax

jQuery(document).ready(function($) {
    var form = $('#user_form');
    var results = $('#results');

    $(form).submit(function(event) {

        event.preventDefault();

        var post_url = $(this).attr("action");
        var form_data = $(this).serialize();

        console.log(form_data);
        
        $.ajax({
            type: 'POST',
            url: post_url,
            data: form_data
        }).done(function(response){
            $(results).removeClass('error');
            $(results).addClass('success');

            $(results).text(response);
            
        }).fail(function(data){
            $(results).removeClass('success');
            $(results).addClass('error');

            if (form_data.responseText !== '') {
                $(results).text(form_data.responseText);
            } else {
                $(results).text('Error - your message could not be sent');
            }
        })



    })


})