Send form without updating page

Question

I have a registration page and I wanted it to be sent my form the page did not update and open a div occult.

With the script below does not let my page refresh, but also does not send my form to the database:

<script>
            jQuery(document).ready(function(){
            jQuery('#meufrm').submit(function(){
            var dados = jQuery(this).serialize();

            jQuery.ajax({
            type: "POST",
            url: "vendas.php",
            data: dados,
            success: function( data )
            {                   
            if (data == "")

            }
            });

            return false;
            });
            });

That other script hidden my div that works just right:

<script type="text/javascript">

                function mostra() {
                    if (document.getElementById('teste').style.display == 'block'){
                        document.getElementById('teste').style.display = 'none';
                    }else {document.getElementById('teste').style.display = 'block'}
                }

            </script>

Answer 1

Creates a button to give the submit.

HTML

<form action="" method="get" accept-charset="utf-8">        
    <input type="text">
    <input type="text">
    <input type="text">

    <input type="button" id="enviaDados" name="" value="Envia">
</form>

JS

$(document).ready(function(){
        $("#enviaDados").on('click', function(){
            $.ajax({
                url: 'vendas.php',
                cache: false,
                type: "POST",
                success: function(){

                }
            })
        });
    }); 

If you still have any problems, it can be in your file vendas.php.