export valeur d'une variable

Version imprimable

15/04/2019, 20h23
faf26

export valeur d'une variable

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 ?

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:

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>

16/04/2019, 08h23
faf26

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

Bonjour,

Watilin a écrit :

Citation:

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:

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>

16/04/2019, 13h41
Watilin

Citation:

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.

Citation:

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.
17/04/2019, 10h25
eleydet
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:

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.
17/04/2019, 16h06
Watilin

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.