Form data is not sent with Event.preventDefault()

Question

When submitting a form, I am using ajax and event.preventDefault() so that the screen is not recharged. In my project, I made a small MVC structure, where the URL that I pass is the path that leads to the desired controller.

When I submit the form via POST without event.preventDefault() everything works normally. But when I put such code, nothing happens in the system, as if the form data were not sent. I’m racking my brain with this.

Follow the code excerpt:

$(document).ready(function() {

    $('form').submit(function(event){ 
            var formDados = jQuery(this).serialize();

            $.ajax({
                type        : 'POST', 
                url         : 'http://127.0.0.1/projeto/index.php?path=capacitacao/adm',
                data        : formDados,
                dataType    : 'json',
                encode      : true,
                success:function(result){
                    console.log(result);
                }
            })
            event.preventDefault();

    });
});

Answer 1

Try this, replace "Success" with "done" and add "fail", you can take the "action" from your form so when activating "Submit" it will have nowhere to go.

$(document).ready(function() {    
    $('form').submit(function(event){

            event.preventDefault();

            var formDados = $(this).serialize();

            $.ajax({
                type        : 'POST', 
                url         : 'http://127.0.0.1/projeto/index.php?path=capacitacao/adm',
                data        : formDados

            }).done(function(response){

                 console.log(response);

            }).fail(function(result) {

                  console.log(result);

            });
});