Olá!
Pessoal, preciso muito de um help urgente. Estou tentando fazer uma simples query ao banco de dados, usando o Axios. Mas, não importa a forma de fazer a requisição, o Axios não funciona. O HTML está abaixo, onde chamo a função enviaDados() através do onsubmit.
<div class="input-group md-form">
<form method="get" onsubmit="enviaDados()" name="buscar">
<input type="text" id="Form-search2" class="form-control" name="nomeReagente">
<label for="Form-search2">Search</label>
<input type="submit" name="pesquisar" value="buscar">
</form>
<span class="input-group-text dark lighten-2" id="basic-text1">
<i class="fas fa-search text-dark" aria-hidden="true"></i>
</span>
</div>
Meu arquivo main.js que contém a função enviaDados().
function enviaDados(){
let nome = buscar.nomeReagente.value
recebeDados(nome);
}
Dentro dessa função, estou chamando outra: recebeDados() que executa a requisição Axios. Passo como parâmetro o valor lá do meu input. OBS.: Meu código está assim, aparentemente confuso, porque o objetivo é ter funções que enviam os dados dos meus formulários e outras funções (genéricas) para receber e tratar esses dados. Abaixo a função recebeDados():
function recebeDados(nome_reagente){
axios.get('http://localhost/Quimica/php/recebe_json.php', {
params: {
nome
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log('Não foi possível realizar a requsição: '+error);
})
.finally(function () {
});
}
Não importa o que eu faça, sempre cai no CATCH - request aborted. Preciso muito resolver esse problema, mas não faço ideia do que pode ser. Relevem qualquer "noobice" porque estou aprendendo o básico ainda.