How to write data to a JSON file using Javascript

by

You have to be clear on what you mean by “JSON”.

Some people use the term JSON incorrectly to refer to a plain old JavaScript object, such as [{a: 1}]. This one happens to be an array. If you want to add a new element to the array, just push it, as in 

var arr = [{a: 1}];
arr.push({b: 2});

< [{a: 1}, {b: 2}]

The word JSON may also be used to refer to a string which is encoded in JSON format:

var json = '[{"a": 1}]';

Note the (single) quotation marks indicating that this is a string. If you have such a string that you obtained from somewhere, you need to first parse it into a JavaScript object, using JSON.parse:

var obj = JSON.parse(json);

Now you can manipulate the object any way you want, including push as shown above. If you then want to put it back into a JSON string, then you use JSON.stringify:

var new_json = JSON.stringify(obj.push({b: 2}));
'[{"a": 1}, {"b": 1}]'

JSON is also used as a common way to format data for transmission of data to and from a server, where it can be saved (persisted). This is where ajax comes in. Ajax is used both to obtain data, often in JSON format, from a server, and/or to send data in JSON format up to to the server. If you received a response from an ajax request which is JSON format, you may need to JSON.parse it as described above. Then you can manipulate the object, put it back into JSON format with JSON.stringify, and use another ajax call to send the data to the server for storage or other manipulation.

You use the term “JSON file”. Normally, the word “file” is used to refer to a physical file on some device (not a string you are dealing with in your code, or a JavaScript object). The browser has no access to physical files on your machine. It cannot read or write them. Actually, the browser does not even really have the notion of a “file”. Thus, you cannot just read or write some JSON file on your local machine. If you are sending JSON to and from a server, then of course, the server might be storing the JSON as a file, but more likely the server would be constructing the JSON based on some ajax request, based on data it retrieves from a database, or decoding the JSON in some ajax request, and then storing the relevant data back into its database.

Do you really have a “JSON file”, and if so, where does it exist and where did you get it from? Do you have a JSON-format string, that you need to parse, mainpulate, and turn back into a new JSON-format string? Do you need to get JSON from the server, and modify it and then send it back to the server? Or is your “JSON file” actually just a JavaScript object, that you simply need to manipulate with normal JavaScript logic?

More Related Contents:

  1. Why does Google prepend while(1); to their JSON responses?
  2. jQuery AJAX cross domain
  3. AJAX cross domain call
  4. Make cross-domain ajax JSONP request with jQuery
  5. No ‘Access-Control-Allow-Origin’ header is present on the requested resource error
  6. Parse JSON String into a Particular Object Prototype in JavaScript
  7. Sum JavaScript object propertyA values with the same object propertyB in an array of objects
  8. Ajax request returns 200 OK, but an error event is fired instead of success
  9. Convert object string to JSON
  10. Chrome refuses to execute an AJAX script due to wrong MIME type
  11. How to get object length [duplicate]
  12. Javascript : Send JSON Object with Ajax?
  13. Merge keys array and values array into an object in JavaScript
  14. React JS – Uncaught TypeError: this.props.data.map is not a function
  15. Why do people put code like “throw 1; ” and “for(;;);” in front of json responses? [duplicate]
  16. Reverse of JSON.stringify?
  17. Encoding Javascript Object to Json string
  18. Jquery getJSON populate select menu question
  19. traversing through JSON string to inner levels using recursive function
  20. jQuery AJAX polling for JSON response, handling based on AJAX result or JSON content
  21. Is there any possibility to have JSON.stringify preserve functions?
  22. send json object from javascript to php
  23. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  24. jQuery AJAX Call to PHP Script with JSON Return
  25. console.log(result) prints [object Object]. How do I get result.name? [duplicate]
  26. Make XmlHttpRequest POST using JSON [duplicate]
  27. Execute function after Ajax call is complete
  28. Annoying javascript timezone adjustment issue
  29. Trying to bind multiple InfoWindows to multiple Markers on a Google Map and failing
  30. creating highchart with ajax json data

Leave a Comment