Passer plusieurs headers dans un appel à une API REST

Bonjour,

Je me triture l'esprit sur comment passer deux headers dans un simple appel fetch pour tracker des shipments :

Quand je fais ça, cela me ramène une erreur car il manque un header : "{"Content-type": "application/json"}"

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<script type="text/javascript"> function getInfo(){ fetch('https://api.com', { method: "GET", headers: {"Token": "122334344343434"} }) .then(response => response.json()) .then(response => alert(JSON.stringify(response))) .catch(error => alert("Erreur: " + error)); } </script>

---

Si j'essaie de rajouter un second headers de cette manière, ça ne passe pas.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script type="text/javascript"> function getInfo(){ fetch('https://api.com', { method: "GET", headers: {"Token": "122334344343434"},{"Content-type": "application/json"} }) .then(response => response.json()) .then(response => alert(JSON.stringify(response))) .catch(error => alert("Erreur: " + error)); } </script>   J'ai essayé d'utiliser un objet headers mais toujours pareil.

---

Je pleure.
Merci d'avance pour votre aide !
Rithy

header recoit un objet donc si il y a plusieurs proprietés :

Code:

---

1 2 3 4 5

headers: { "Token": "122334344343434", "Content-type": "application/json" }

---

Merci beaucoup pour la réponse, déjà oui je n'avais pas le bon formalisme et là je reçois bien un message d'erreur : "TypeError: Failed to fetch".

Donc avec votre méthode ça donne :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<script type="text/javascript"> function getInfo(){ fetch('https://api.com', { method: "GET", headers: { "Token": "122334344343434", "Content-type": "application/json" } }) .then(response => response.json()) .then(response => alert(JSON.stringify(response))) .catch(error => alert("Erreur: " + error)); } </script>

---

J'avais aussi essayé ça et en terme de langage je me dis que ça revient au même :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<script type="text/javascript"> function getInfo(){   var myHeaders = new Headers(); myHeaders.append("Content-Type", "application/json"); myHeaders.append("Token", "122334344343434");   var myInit = { method: 'GET', headers: myHeaders};   fetch('https://api.com',myInit) .then(response => response.json()) .then(response => alert(JSON.stringify(response))) .catch(error => alert("Erreur : " + error)); } </script>

---

Toujours la même erreur, pourtant dans SOAP ça passe bien.
Pièce jointe 589765

PS : je précise que j'essaie de faire tout ça sur un site qui n'est que le produit d'un builder, mais qui permet quand même de créer des boutons et des fonctions JS.
Peut-être qu'il y a des garde-fou. Je vais tester sur un outil online.

Bon ce n'est pas du au fait que j'utilise un builder... je crois que j'ai besoin de dormir. La nuit porte conseille.

Pièce jointe 589766

C'était un blocage du client car JS n'est pas vraiment approprié pour REST :). Le TOKEN est visible sur le client :oops: