Tenho obtido um erro ao chamar uma função em ajax contida em um arquivo .js separado do meu arquivo .html. O mesmo não ocorre quando insiro esta função javascript dentro do meu arquivo html. A função é acionada quando clico em um botão contendo a chamada à função, como mostrado abaixo:
Componente HTML:
<button type="button" class="btn btn-primary" id="modalAddPessoa" onclick="adicionarPessoa()">Incluir</button>
Função javascript
let requestVerificationToken = $("input[name='__RequestVerificationToken']").val();
function adicionarPessoa() {
$("#incluirPessoas").attr("disabled", true);
var pessoa = new Object();
$.ajax({
type: "POST",
data: pessoa,
url: '/PontoAtendimento/IncluirPessoaPontoAtendimento',
headers: {
"RequestVerificationToken": requestVerificationToken
}
})
.done(function (pessoa, statusText, xhdr) {
$('#incluirPessoas').modal('hide');
$('#tablePessoas').append(pessoa);
})
.fail(function (xhdr, statusText, errorText) {
console.log("Failed: " + errorText);
});
}
Ao debugar, obtive o seguinte erro no navegador:
Como resolver este problema?