método AJAX sin funcionar

[herzbazi]

Hola a todos y desde ya muchas gracias por el aporte y ayuda. tengo un ajax pero por algún motivo no me funciona si pueden decirme donde esta el error les agradeceré

en el footer de la pagina tengo el llamado a jquery

Código Javascript:

<script src="<?php echo base_url();?>assets/admin/plugins/jquery/jquery.min.js"></script>
 

mi formulario html en la vista

Código HTML:

<form class="form-inline" id="formCategoria" action="<?php echo base_url();?>Admin/Panel/guardarCategoria"  method="POST">
                              <label class="sr-only" for="categoria">Categoría</label>
                              <input type="text" class="form-control mb-2 mr-sm-2 categoria" id="categoria" name="categoria" placeholder="Ingresa categoría">
                              <input type="submit" id="btnGuardarCategoria" name="btnGuardarCategoria" class="btn btn-primary mb-2" value="Guardar">
                         </form>
 

el código js

Código Javascript:

$(document).on('ready',function(){
    $(document).on('click','btnGuardarCategoria',function(e){
        e.prevventDefault();
        var categoriaGuardar = $("#categoria").val();
        var urlControlador = $("#formCategoria").data("accion");
        $.ajax({
            type:"POST",
            url: urlControlador,
            data:{
                'categoria' : categoriaGuardar
            },
            success:function(respuesta){
                alert(respuesta);
            }
        });
    });
});
 

mi controlador

Código PHP:

public function guardarCategoria(){
        $registro = array(
            'categoria' => $this->security->xss_clean(strip_tags($this->input->post('categoriaGuardar')))
        );
 
        echo ($registro['categoria']);
    }
 

pero no hace nada