In JSON-Datei in Javascript schreiben

Question

Ich habe eine Polymer-Paketstruktur aus der App-Schublade-Vorlage, mit einem Ordner namens src. In diesem Ordner habe ich eine Datei namens entries.json. Ich versuche herauszufinden, wie Elemente zu diesem JSON-Objekt hinzugefügt werden, wenn ein Benutzer Formulardaten aus einem Papierdialogfeld sendet. Ich verstehe, wie man die Werte von diesem Formular bekommt. Ich kann nicht herausfinden, wie ich den Inhalt aus der JSON-Datei holen und ein neues Element zu diesem JSON hinzufügen und dann das neue Element wieder in die JSON-Datei schreiben kann.

hier ist meine Form:

<paper-dialog id="applynow" entry-animation="scale-up-animation" exit-animation="fade-out-animation"> 
     <paper-dialog-scrollable> 
     <img src="/images/logo.png" width="80%" height="auto" style="margin: 0 auto;"/> 
     <paper-input id="name" label="Full Name"></paper-input> 
     <paper-input id="phone" label="Phone Number"></paper-input> 
     <paper-input id="email" label="Email"></paper-input> 
     <paper-textarea id="desc" label="Why Pick You?" char-counter maxlength="400"></paper-textarea> 
     <paper-button on-click="submitForm">Submit</paper-button> 
     </paper-dialog-scrollable> 
     </paper-dialog> 

Und hier ist die javascript:

submitForm: function() { 
     var data = JSON.parse("/src/entries.json"); 
     data.entries.push({ 
      name: this.$.name.value, 
      phone: this.$.phone.value, 
      email: this.$.email.value, 
      desc: this.$.desc.value 
     }); 
     data = JSON.stringify(data); 
     } 

ich versucht haben, aber ich aus der Chromkonsole sehen, dass, wenn ich JSON.parse() es erwartet, dass die Eingabe eine json-formatierte Zeichenfolge ist und kein Dateipfad. Gibt es eine Möglichkeit, aus dieser Datei zu lesen und dann in Javascript zurück zu schreiben? Diese Datei wird nicht im Speicher des Benutzers, sondern nur in meiner Paketstruktur gespeichert.

EDIT:

Dank chrisv ich in der Lage war, meine Json zu lesen und anhängen, aber ich brauche noch einen Weg, um diese JSON-Datei neu zu schreiben. Hier ist meine neue JavaScript-Funktion, die erfolgreich meine JSON-Datei greifen wird, einen neuen Eintrag hinzufügen und dann in der Konsole anzeigen. Gibt es eine einfache Möglichkeit, diese .json-Datei mit der neuen Zeile neu zu schreiben?

submitForm: function() { 
     var newName = this.$.name.value; 
     var newPhone = this.$.phone.value; 
     var newEmail = this.$.email.value; 
     var newDesc = this.$.desc.value; 
     var json = $.getJSON("src/entries.json", function(data) { 
      data.entries.push({ 
      name: newName, 
      phone: newPhone, 
      email: newEmail, 
      desc: newDesc 
      }); 
      console.log(data); 
     }); 
     } 

Answer 1

Das liegt daran, dass JSON Parse erwartet, dass eine Zeichenfolge oder eine andere Eingabe analysiert wird, NOT ein Dateipfad, der geladen und dann analysiert werden soll.

Ich empfehle, jQuery (oder etwas anderes, wenn Sie es bevorzugen), um die Datei zu laden.

Dann können Sie tun:

$.getJSON("file/path/entries.json", function(data) { 
    //Data loaded here 
    //Do whatever you want with the data 
} 
.fail(function(){ 
    //Handle error with reading json file here 
}); 

Sie getJSON() hier mehr über jQuery lesen: http://api.jquery.com/jquery.getjson/

HINWEIS: Da nicht nativ JavaScript Querverweis Abfragen (Same Origin Policy) erlauben, werden Sie muss es auf einem Server ausführen oder einen lokalen Server simulieren. I.e. Führen Sie es auf andere Weise durch MAMP oder localhost. Lesen Sie mehr über sie in der zuvor verknüpften URL und hier: https://en.wikipedia.org/wiki/Same-origin_policy

Edit: Gefunden ein vorher beantwortet Post, die auf Ihr Problem beziehen: https://stackoverflow.com/a/19473929/4315724