Fazer um ajax post a partir de um .html para atendimentos.js

<body> <form action="#" id="myForm" method="post"> <input type="text" name="nome" id="nome"><br> <input type="number" name="idade" id="idade"><br> <input type="submit" name="" id="" value="Enviar"> </form> <script src="js/jquery.js"></script> <script> $("#myForm").submit(function (e) { e.preventDefault(); $.ajax({ type: "POST", url: 'controllers/atendimentos.js', success: function (data) { console.log(data); } }); }) </script>

Boa tarde João, tudo certo?

A minha suspeita do que está acontecendo é que você está utilizando uma URL que não te leva à API. Você precisa que a API esteja sendo executada em um servidor (que pode ser local) e passar o endereço e porta dessa API na sua chamada.

Você está fazendo uma requisição para a seguinte URL:

http://127.0.0.1:5500/controllers/atendimentos.js

Mas o recurso que você busca provavelmente é algo desse tipo:

http://127.0.0.1:5500/api/atendimentos

Então você pode deixar a chamada AJAX da seguinte forma:

$.ajax({
                type: "POST",
                url: 'http://127.0.0.1:5500/api/atendimentos',
                success: function (data) {
                    console.log(data);
                }
            });

Depois me diga se conseguiu obter sucesso com essa alteração. Estarei no aguardo.

Espero ter ajudado e bons estudos!