Jquery Ajax Form Submit Example

jquery-ajax-form-submit.js

$formUserchange.on('submit', function(e) {
        e.preventDefault();

        var $newUser = $(this).find('input[name=new-username]').val(),
            $url = $(this).attr('action'),
            $method = $(this).attr('method'),
            $data = {
                'new-username' : $newUser
            };

        $.ajax({
          url: $url,
          type:$method,
          data: $data,
          // data: $(this).serialize(), - this is another way to pass in the data
          dataType: 'JSON',
          error: function (xhr, ajaxOptions, thrownError) {
           console.log(xhr.status);
           console.log(xhr.responseText);
           console.log(thrownError);
          }
        }).done(function(response) {
            if (response.hasOwnProperty('success')) {
                window.location.reload();               
            } else {
                alert(response);
            }
        });
        
    });