7
votes

Lecture et écriture de fichier JSON en utilisant JavaScript

Dupliqué possible:
Comment lire et écrire dans le fichier à l'aide de JavaScript < / p>

Quelqu'un peut-il fournir un exemple de code à lire et à écrire dans un fichier à l'aide de JavaScript?

Actuellement, j'essaie de lire les entrées du fichier JSON et de l'afficher dans des zones de texte fournissant la flexibilité de l'utilisateur pour modifier les données. Les données modifiées doivent être écrites dans le fichier JSON.


2 commentaires

Ce message devrait vous fournir la meilleure réponse: Stackoverflow.com/Questtions/585234/...


@ user1631651 Voir ma réponse ci-dessous qui est un échantillon de travail ..


3 Réponses :


1
votes

JavaScript exécuté dans une page Web affichée dans un navigateur ne peut pas accéder au système de fichiers client.

Mais vous pouvez utiliser l'API


2 commentaires

Est-il possible si je déploies la page HTML dans IIS et accédez au fichier à l'aide de l'URL .. ?? Si oui pouvez-vous fournir un code exemple pour le même ...


@ user1631651 Voir ma réponse ci-dessus qui est un échantillon de travail ..



0
votes

(pas de programmation de fichier en JavaScript) Si vous voulez dire PARSING JSON en JavaScript, alors: -

  1. Vous pouvez utiliser Douglas Crockford Json Lib pour l'analyse: - Méthode JSON.PARSE Reportez le lien: - http://www.json.org/js.html

    exemple, xxx


2 commentaires

Je cherche un code qui peut accéder à un fichier ... dans un système de fichiers local ou via URL .. Veuillez vous aider.


OK Ensuite, si votre fichier est sur un serveur, effectuez un appel AJAX via JQuery $ .post () et dans le rappel effectuez l'analyse, puis le manipulez-le. Après cela, envoyez-le au serveur avec un autre appel AJAX et enregistrez-le dans l'emplacement souhaité dans le serveur.



2
votes

Voici le fichier HTML échantillon, je l'ai testé avec Firefox fonctionne bien.

<!DOCTYPE html>
<html>
    <head>
        <script>        
            function handleFileSelect()
            {               
                if (window.File && window.FileReader && window.FileList && window.Blob) {

                } else {
                    alert('The File APIs are not fully supported in this browser.');
                    return;
                }   

                input = document.getElementById('fileinput');
                if (!input) {
                  alert("Um, couldn't find the fileinput element.");
               }
               else if (!input.files) {
                  alert("This browser doesn't seem to support the `files` property of file inputs.");
               }
               else if (!input.files[0]) {
                  alert("Please select a file before clicking 'Load'");               
               }
               else {
                  file = input.files[0];
                  fr = new FileReader();
                  fr.onload = receivedText;
                  fr.readAsText(file);
               }
            }

            function receivedText() {           
               //result = fr.result;
               document.getElementById('editor').appendChild(document.createTextNode(fr.result))
            }           

        </script>
    </head>
    <body>
        <input type="file" id="fileinput"/>
        <input type='button' id='btnLoad' value='Load' onclick='handleFileSelect();'>
        <div id="editor"></div>
    </body>
</html>


1 commentaires

Cela ne montre pas comment écrire JSON