Choix du Content-Type : quand utiliser quelle méthode ?

Question

Bonjour Nicolas,
À la fin de la vidéo tu montres deux possibilités pour Content-Type . Ma question est la suivante : on utilise indifféremment la méthode que l'on veut ou dans certains cas on n'a pas le choix et dans ce cas comment savoir laquelle choisir :-) ?

Louis-Nicolas Leuillet · Accepted Answer

Bonjour Jean-Luc,
Alors, voici quelques précisions :
'Content-Type': 'application/x-www-form-urlencoded' ne s'utilise qu'avec des données que l'on passe dans l'URL ( believemy.com?pseudo=john ).
'Content-Type': 'application/json' ne s'utilise qu'avec des données que l'on passe en JSON ( {'pseudo': 'john'} ).
Donc, en général, on utilise plutôt la seconde possibilité, car on utilise plus généralement du JSON.

Slim Abida · Answer

Bonjour Nicolas,
Est-ce qu'il serait possible de nous montrer ce qu'on doit mettre dans le body si on utilise Content-Type: application/json , s'il te plaît, dans cet exemple que tu nous présentes dans la vidéo ?
Merci

Louis-Nicolas Leuillet · Answer

Hello !
Tu n'as rien de différent à mettre dans ton body si tu utilises content-type: application/json .
Voici un petit exemple :
async function envoyerPrenom(prenom) {
try {
const res = await fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ prenom })
});
if (!res.ok) throw new Error(`Error`);
const data = await res.json();
return data;
} catch (err) {
console.error(err);
alert('Un problème est survenu.');
return null;
}
}
envoyerPrenom('Elon');

Choix du Content-Type : quand utiliser quelle méthode ?

Formation JavaScript (legacy)