Olá pessoal, todos bem? Estou iniciando meus estudos sobre programação e para isso escolhi iniciar pelo JS. Um dos meus métodos preferidos de aprender é já ir fazendo coisas que terão uso real. Neste momento estou tentando criar uma função que consuma dados de uma API, mas estou com dificuldades no headers. A documentação da API pede o seguinte: HEADERS Content-Type: application/json x-access-token: token_cliente
Já com o token em mãos estou tentando me comunicar com o ambiente de homologação da API utilizando o código abaixo, mas o console está retornando o seguinte erro:
Uncaught SyntaxError: Unexpected token ':' index.html:12
O que está errado pessoal? Agradeço de coração a todos que puderem ajudar! Muito obrigado!!
Obs. Como se trata de um token real, postei somente um pequeno fragmento do mesmo.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
function consultaExtrato() {
fetch("http://hml.sinter.irtdpjsp.com.br/api/extrato")
method: "GET",
Content-Type: "application/json"
headers:{
"x-access-token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUz"
}
.then(response => {
if(response.ok) {
return response.json();
}
})
};
.then(data => {
console.log(data);
})
.catch(err => {
console.log(err.message);
});
consultaExtrato();
</script>
</body>
</html>