Necesito que cuando haga clic en la etiqueta <a> , se me redirija a la página deseada y los datos que quiero se carguen en una tabla de datos. Este es el código en js:

 function listBodega(){ $.ajax({ type: "POST", url: window.location.pathname, data: { action:'devices_bodega' }, success:function(data){ $(function () { tblCierre = $('#bodega').DataTable({ scrollX: true, // responsive: true, autoWidth: false, destroy: true, deferRender: true, sAjaxDataProp: "", ajax: { url: window.location.pathname, type: 'POST', data: { 'action': 'devices_bodega' }, dataType: 'json', }, columns: [ {"data": "serial"}, {"data": "mac"}, {"data": "nombre_modelo"}, {"data": "nombre_marca"}, {"data": "login"}, {"data": "recibido"}, {"data": "Tipo"}, {"data": "EnviadorPor"}, ], initComplete: function (settings, json) { } }); }); }, error: function(){ alert(textStatus+': ' +errorThrown); }, }); }

El href es bueno, pero la función listBodega() no funciona. Entonces, ¿cómo puedo hacer que funcione Ajax? Porque el ajax de la función no funciona y salta directamente al error.

en HTML:

 <a onclick = "listBodega()" href="{% url 'apli:bodega_list' %}" class="nav-link">