11193 sujets

JavaScript, DOM et API Web HTML5

Bonjour, je commence tout juste a m'intéresser aux API et la fonctionnalité fetch. Pour débuter, j'ai donc essayer de récupérer la réponse d'un fichier .txt. Mais j'ai reçu une erreur lors de l'exécution :
"Fetch API cannot load file:///C:/Users/Utilisateur/Desktop/coursjs4/data.json. URL scheme "file" is not supported."
J'ai ensuite essayer avec un .json, sans succès. Puis avec un lien externe, qui lui a fonctionné. Il s'emblerais donc que je ne puisse pas récupérer les données de fichiers internes. Comment résoudre ce problème ? Merci d'avance pour votre réponse.

Voici mon code js pour ceux qui veulent vérifier :
fetch("data.txt").then((res) => console.log(res));

Modifié par Yuuno (18 Oct 2021 - 20:16)
Bonjour, de ma mémoire par rapport aux autres, l’api Javascript Fetch est vraiment simple à utiliser, car on peut utiliser tous les verbes http
Administrateur
fetch comme d'autres API a besoin pour des raisons de sécurité de connaître l'origine à laquelle il doit accéder (origine = grosso modo protocole + nom de domaine + port).

L'origine du code mentionnée est file:// ce qui est une ressource locale, il n'est pas possible d'utiliser fetch pour cela. Il faut nécessairement du http (ou https). Si c'est pour développer en local, alors il faudra faire tourner un petit serveur http tel que celui intégré à Visual Studio Code ou un module simple installable avec node, par exemple

npm install -g serve
serve
Meilleure solution