Comment écrire des données dans un fichier JSON en utilisant Javascript

JSON peut être écrit dans le stockage local en utilisant le JSON.stringify pour sérialiser un objet JS. Vous ne pouvez pas écrire dans un fichier JSON en utilisant seulement JS. Seuls les cookies ou le stockage local

    var obj = {"nissan": "sentra", "color": "green"};

localStorage.setItem('myStorage', JSON.stringify(obj));

Et pour récupérer l'objet plus tard

var obj = JSON.parse(localStorage.getItem('myStorage'));

une inspection rapide montre que vous avez manqué un devis de clôture dans

{"honda": "accord

cependant, considérant ce que vous recherchez, vous pouvez faire une poussée de tableau très simple comme suit:

let jsonArr = [{"honda": "accord", "color": "red"},{"ford": "focus", "color": "black"}];
jsonArr.push({"nissan": "sentra", "color": "green"});
console.log(jsonArr) # shows [{ honda: 'accord', color: 'red' },{ ford: focus', color: 'black' }, { nissan: 'sentra', color: 'green' }]

malheureusement, aujourd'hui (septembre 2018), vous ne pouvez pas trouver de solution de navigateur croisé pour l'écriture de fichiers côté client.

Par exemple: dans un navigateur comme un Chrome nous avons aujourd'hui cette possibilité et on peut écrire FileSystemFileEntry.createWriter () à côté client, mais selon le docu:

cette fonctionnalité est obsolète. Bien qu'il puisse encore fonctionner dans certains navigateurs, son l'utilisation est déconseillée car elle peut être retirée à tout moment. Essayez d'éviter de l'utiliser.

---

Pour IE (mais pas MS Edge) nous pourrions utiliser ActiveX aussi, mais c'est seulement pour ce client.

si vous voulez mettre à jour votre navigateur croisé de fichiers JSON, vous devez utiliser le côté serveur et le côté client ensemble.

le script côté client

côté client, vous pouvez faire une requête au serveur et ensuite vous devez lire la réponse de serveur. Ou vous pouvez lire un fichier avec FileReader trop. Pour que le navigateur croise le fichier, vous devez avoir un serveur (voir ci-dessous sur la partie du serveur).

var xhr = new XMLHttpRequest(),
    jsonArr,
    method = "GET",
    jsonRequestURL = "SOME_PATH/jsonFile/";

xhr.open(method, jsonRequestURL, true);
xhr.onreadystatechange = function()
{
    if(xhr.readyState == 4 && xhr.status == 200)
    {
        // we convert your JSON into JavaScript object
        jsonArr = JSON.parse(xhr.responseText);

        // we add new value:
        jsonArr.push({"nissan": "sentra", "color": "green"});

        // we send with new request the updated JSON file to the server:
        xhr.open("POST", jsonRequestURL, true);
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        // if you want to handle the POST response write (in this case you do not need it):
        // xhr.onreadystatechange = function(){ /* handle POST response */ };
        xhr.send("jsonTxt="+JSON.stringify(jsonArr));
        // but on this place you have to have a server for write updated JSON to the file
    }
};
xhr.send(null);

côté Serveur scripts

vous pouvez utiliser beaucoup de serveurs différents, mais je voudrais écrire sur PHP et Node.les serveurs js.

en utilisant la machine de recherche vous pouvez trouver "gratuit PHP Hébergement Web*" ou " noeud libre.js Web Hébergement". Pour PHP server je recommande 000webhost.com et pour le noeud.js je vous recommande de le voir et de lire cette liste.

PHP côté serveur script solution

le script PHP pour lire et écrire à partir du fichier JSON:

<?php

// This PHP script must be in "SOME_PATH/jsonFile/index.php"

$file = 'jsonFile.txt';

if($_SERVER['REQUEST_METHOD'] === 'POST')
// or if(!empty($_POST))
{
    file_put_contents($file, $_POST["jsonTxt"]);
    //may be some error handeling if you want
}
else if($_SERVER['REQUEST_METHOD'] === 'GET')
// or else if(!empty($_GET))
{
    echo file_get_contents($file);
    //may be some error handeling if you want
}
?>

noeud.js côté serveur script solution

je pense que ce noeud.js est un peu complexe pour les débutants. Ce n'est pas normal JavaScript comme dans le navigateur. Avant de commencer avec un Nœud.js je vous recommande de lire l'un de deux livres:

• nœud D'apprentissage: déplacement vers le côté serveur
• noeud.js Développement Web: développement côté Serveur

Le Noeud.js script pour la lecture et l'écriture à partir du fichier JSON:

var http = require("http"),
    fs = require("fs"),
    port = 8080,
    pathToJSONFile = '/SOME_PATH/jsonFile.txt';

http.createServer(function(request, response)
{
    if(request.method == 'GET')
    {
        response.writeHead(200, {"Content-Type": "application/json"});
        response.write(fs.readFile(pathToJSONFile, 'utf8'));
        response.end();
    }
    else if(request.method == 'POST')
    {
        var body = [];

        request.on('data', function(chunk)
        {
            body.push(chunk);
        });

        request.on('end', function()
        {
            body = Buffer.concat(body).toString();
            var myJSONdata = body.split("=")[1];
            fs.writeFileSync(pathToJSONFile, myJSONdata); //default: 'utf8'
        });
    }
}).listen(port);

liens connexes pour le noeud.js:

• Comment développer une Application Web en utilisant le noeud pur.JS (HTTP GET and POST, HTTP Server) (tutoriel vidéo détaillé)
• Anatomie D'une Transaction HTTP
• comment gérer la requête POST dans le noeud.js
• comment extraire les données POST dans le noeud.js?