Pasar datos por POST con Ajax en un Modal Form (Jquery)

[wildllama]

Bueno basicamente mi problema es que estoy usando un modal form para cargar datos a una tabla con dos campos: "Nombre" y "Descripcion"
El codigo en PHP es bien basico y me funciona bien el problema es que quiero enviar los dos campos por ajax para que no me recargue la pagina. probe varias opciones que vi dando vuelta en la web. pero ninguno me da el resultado que busco. O es demasiado codigo para algo tan simple

Código Javascript:

$( "#categ-form" ).dialog({
            autoOpen: false,
            height: 200,
            width: 300,
            modal: true,
            buttons: {
                "Crear Categoria": function(){ {//aca tendria que enviar los datos a crearcategoria.php
$( this ).dialog( 'close' );},
                "Cancelar": function() {
                    $( this ).dialog( 'close' );
                }
            },
            });
 

Código PHP:

  <?php  
    $con = mysql_connect("localhost","usuario","contrasena"); 
    if (!$con) 
          { 
          die('Could not connect: ' . mysql_error()); 
          } 
 
    mysql_select_db("basedato", $con); 
if(isset($_POST['NombreCat']) && isset($_POST['Descripcion'])) 
{ 
    $sql=("INSERT INTO t_categorias(id, NombreCat, Descripcion) VALUES (' ','$_POST[NombreCat]','$_POST[Descripcion]')"); 
    if (!mysql_query($sql,$con)) 
          { 
          die('Error: ' . mysql_error()); 
          } 
 
} 
?>   

[Naahuel]

Supongo que algo así funcionaría:

Código Javascript:

$( "#categ-form" ).dialog({
    autoOpen: false,
    height: 200,
    width: 300,
    modal: true,
    buttons: {
        "Crear Categoria": function(){
            // enviar formulario por ajax
            
            var $elem = $(this);
            var $form = $('#id-formulario-u-otro-selector');
            
            $form.submit(function(e){
                e.preventDefault();
                var valores = $(this).serialize();
                var _url = $(this).attr('action');
                var $envio = $.ajax({
                    url: _url,
                    data: values,
                    type: 'POST'
                });
                
                //cuando el envio finalice:
                $envio.done(function(){
                    //Cerrar el dialogo (o hacer otra cosa)
                    $elem.dialog( 'close' );
                });
            });
            
            
        },
        "Cancelar": function() {
            $( this ).dialog( 'close' );
        }
    },
});
 

Cambiá el id del formulario por un selector correcto.

[wildllama]

lo probe pero no funciono.

PEro es algo asi lo que yo estaba intentando antes asi que imagino que ese es el camino

[Naahuel]

Hace falta un poco más de información además de "no funcionó".

[wildllama]

Hago click en el boton "crear categoria" y no pasa nada!
por lo que puedo ver ni siquiera envia data al archivo php

P.D: me mate de risa con tu sitio nahueljose.com.ar