Javascript Girl
  1. Javascript Girl
  3. Est-il possible d'écrire des données dans un fichier json local sans rien d'angulaire?
Intereting Posts
Exécutez un code asynchrone avant tout le test de mocha Multiple Regex remplacer Détecter le type en ligne / bloc d'un élément DOM Extensions Chrome: Script d'arrière-plan Capturez les erreurs réseau et HTTP Le mode le plus rapide pour vérifier une chaîne contient une autre sous-chaîne en JavaScript? Modification du format d'une chaîne de date Insérer du texte sur le lieu actuel du curseur dans le navigateur Comment créer une nouvelle marque img avec JQuery, avec la src et l'id à partir d'un objet JavaScript? Répondre à l'événement onmousemove en dehors de la fenêtre du navigateur dans IE Obtenir la position de la souris toutes les 3 secondes Dans Express et Node.js, est-il possible d'étendre ou de remplacer les méthodes de l'objet de réponse? L'extension Chrome pour rediriger l'onglet vers ma page JavaScript: paramètre de fonction callback avec le même nom que l'autre variable? Existe-t-il un moyen d'obtenir la fonction actuelle dans la fonction actuelle? Jquery sorttable: l'élément trié déclenche le réordonnancement

Est-il possible d'écrire des données dans un fichier json local sans rien d'angulaire?

J'essaie d'écrire des données dans un fichier json après avoir appuyé sur "Soumettre" sur une forme formelle html en utilisant seulement un angle, mais rien ne se passe. Je sais que je peux lire un fichier json en utilisant angular mais pas sur la création de fichiers. OnSubmit () dans le contrôleur: 

function onSubmit() { $scope.save = function() { $http.post('./temp/sample_data.json', JSON.stringify($scope.model)).then(function(data) { $scope.msg = 'Data saved'; }); }; };

Html: 

 <form name="form" ng-submit="onSubmit()" novalidate> <formly-form model="model" fields="fields"></formly-form><br/> <button type="submit">Submit</button> </form>

Le sample_data.json n'est pas créé et si je crée un fichier vide, il ne remplit pas non plus les données. Le modèle $ scope.del defenitly contient des données. Si quelqu'un peut aider, il sera très apprécié. Merci, Alon.

Est-il possible d'écrire des données dans un fichier json local sans rien d'angulaire?

Non. Même si vous exécutez la page à partir du système de fichiers local (par exemple, file://myfile.html ) ou à partir d'un serveur Web local (p. Ex. http://localhost/myfile.html ou http://host-on-my-intranet/myfile.html ), vous n'avez toujours aucun moyen d'écrire directement dans un fichier à partir du code JavaScript hébergé par le navigateur.

Deux choix:

  1. Envoyez-le à quelque chose (par exemple, un serveur) qui peut l'écrire ou

  2. Fournissez-le en tant que data: URI (si possible dans votre cas) que l'utilisateur peut cliquer avec le bouton droit de la souris et choisir "Enregistrer sous …"

    Voici comment vous créez une data: URI pour certains textes JSON: 

     var uri = "data:application/json;charset=UTF-8," + encodeURIComponent(theJSON);

Exemple complet de # 2: 

 var theData = { foo: "bar" }; var theJSON = JSON.stringify(theData); var uri = "data:application/json;charset=UTF-8," + encodeURIComponent(theJSON); var a = document.createElement('a'); a.href = uri; a.innerHTML = "Right-click and choose 'save as...'"; document.body.appendChild(a);

Non.

Coupe angulaire côté client.

Si vous souhaitez écrire des données sur le serveur (même sur le même ordinateur que le navigateur), vous avez besoin du code côté serveur pour le faire.

Vous ne pouvez pas accéder au système de fichiers local (directement) à partir de Javascript. Ceci est appliqué pour des raisons de sécurité (et est logique lorsque vous en pensez).

Accès aux fichiers locaux avec javascript

Comme cela n'est pas possible, vous pouvez essayer un autre itinéraire. Votre chemin de $ scope.save n'a pas été invoqué par la manière, seulement assigné. 

 $scope.save = function() { localStorage.model = JSON.stringify($scope.model); }; function onSubmit() { $scope.save(); $scope.msg = 'saved'; };

Pour récupérer votre modèle, procédez comme suit: 

 if (localStorage.model) $scope.model = JSON.parse(localStorage.model);