Discussion :

[Rithy666]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[-Nikopol-]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
headers: {
              "Token": "122334344343434",
              "Content-type": "application/json"
}

[Rithy666]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.


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.

[Rithy666]

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.

[Rithy666]

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