El problema en tu codigo es que estas llamando el selector de una clase $(".cargar").click()
mientras en el html tu link es <a href='cargar' onclick='myFunction'>cargar automaticamente</a>
osea que no tiene clase.
para hacer la carga automatica y simular el click de usuario con .click()
en este caso el enclance o tag <a></a>
no es lo adecuado.
el atributo href
sirve para redireccionar la pagina, osea cambiar el url. lo que tendrias que hacer para que funcione es lo siguiente:
$(document).ready(function(){
$(".cargar").click();
});
function myFunction(){
console.log("cargando");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="cargar" type="button" onclick='myFunction()'>cargar automaticamente </button>
cambiar el enclance por un boton ya que lo que estas intentando hacer es cargar datos a traves de una funcion pasada por onclick y no redirigir a otra pagina.
a este boton le agregas la clase cargar
asi tu $(".cargar").click()
punta a ese boton gracias a el selector.
PD: Recuerda que el selector .
llama el atributo class
mientras el selector #
llama el atributo id
, te recomiendo que mires este link en ingles para entender los selectores css, que son los mismos utilizados en jQuery
espero que te sea de ayuda, exitos