export valeur d'une variable

**faf26** · 15/04/2019, 20h23

Bonjour,

Je débute en javascript, et j'essaie de mettre en place un petit programme pour faciliter ma vie au boulot.
En fait je récupère des infos sur page web, à l'aide ' getElementById ', j'attribue le résultat à une variable, que j'affiche dans la console.

Ma question est la suivante, est il possible d'extraire les valeurs de mes variables dans un fichier .txt par exemple ou excel ?

**Watilin** · 16/04/2019, 00h09

Bonsoir,
par mesure de sécurité, les scripts des pages web n’ont pas accès au système de fichier. Le mieux que tu puisses faire, c’est construire en mémoire un fichier, puis faire apparaître une invitation à l’enregistrer. Un petit exemple :

Code html :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8" />
  <title>Enregistrer blob</title>
</head>
<body>
 
<p id="element-vise">Lorem ipsum dolor sic amet…</p>
<p>
  <button>Enregistrer</button>
</p>
 
<script> "use strict";
 
const elementVise = document.getElementById("element-vise");
 
document.querySelector("button").addEventListener("click", () => {
  const blob = new Blob([ elementVise.textContent ], { type: "text/plain" });
  const blobUrl = URL.createObjectURL(blob);
 
  const a = document.createElement("a");
  a.href = blobUrl;
  a.download = "un nom de fichier.txt";
 
  document.body.append(a);
  a.click();
  a.remove();
 
  URL.revokeObjectURL(blobUrl);
});
 
</script>
</body>
</html>

**faf26** · 16/04/2019, 08h23

Merci de ton aide, je vais essayer de mettre en application tes informations.

**eleydet** · 16/04/2019, 09h45

Bonjour,

Watilin a écrit :

par mesure de sécurité, les scripts des pages web n’ont pas accès au système de fichier

Watilin, que penses-tu du code ci-dessous? Est-il utilisable ou pas?

Code html :

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
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
  <script>
    function lireFichierTexte(fichier) {
      var fichierBrut = new XMLHttpRequest();
      fichierBrut.open("GET", fichier, false);
      fichierBrut.onreadystatechange = function () {
        if (fichierBrut.readyState === 4) {
          if(fichierBrut.status === 200 || fichierBrut.status == 0) {
            var texteComplet = fichierBrut.responseText;
            alert(texteComplet);
          }
        }
      }
      fichierBrut.send(null);
    }
    onload=function() { lireFichierTexte("mon_fichier.txt") };
  </script>
  </head>
  <body></body>
</html>

**Watilin** · 16/04/2019, 13h41

Envoyé par eleydet

Watilin, que penses-tu du code ci-dessous?

Pas du bien. Il utilise une requête synchrone et c’est beurk. De plus, selon le navigateur, onreadystatechange pourrait ne pas être appelé du tout avec une requête synchrone, donc ce script est bancale pour dire le moins.

Envoyé par eleydet

Est-il utilisable ou pas?

Vu qu’on parle de système de fichier, je pense que tu voulais que ta requête aille chercher un fichier local en protocole file:. Par défaut le protocole utilisé est celui de la page. Si la page est accédée en http: ou https: via un serveur local, XMLHttpRequest va demander le fichier au serveur local. Et si la page est accédée directement via file:, là ça dépend des paramètres de sécurité du navigateur. Firefox est connu pour autoriser les requêtes file:, mais pas Chrome par exemple, sauf si tu le lances avec le paramètre (flag) --allow-file-access-from-files.

Si ton but est de faire un script pour ton propre usage, pas de problème. Mais en production professionnelle, ce n’est pas envisageable.

**eleydet** · 17/04/2019, 10h25

Bonjour,

Je ne me suis pas encore vraiment penché sur ce problème *, mais le but serait de créer une application web, basée sur un fichier de données, qui fonctionnerait aussi bien en local que sur serveur. Jusqu'à présent, mon fichier de données, enregistré avec l'extention .js, contenait un ensemble de fonctions en JS. La structure du programme serait quelque chose du genre :

Code :

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

1
2
3
lire_fichier_localement();
if (fichier_non_lu) lire_fichier_sur_serveur();
traiter_fichier();

* En particulier, je n'ai pas étudié les imites du codes que je proposais.

**Watilin** · 17/04/2019, 16h06

Pour un stockage côté client il y a IndexedDB.

Pour faire une application qui supporte le hors-ligne, avant il y avait Application Cache mais ça a été rendu obsolète. Le MDN conseille d’utiliser un Service Worker, mais je ne peux pas en dire grand chose, je ne me suis pas encore penché sur le sujet.

export valeur d'une variable

JavaScript

Discussions similaires

Partager

Partager