"如何使用 Javascript 将数据写入 JSON 文件"
[英]How to write data to a JSON file using Javascript
问题描述
For example, I have a .JSON<\/code> file that has the following:
例如，我有一个.JSON<\/code>文件，其中包含以下内容：
[{"honda": "accord", "color": "red"},{"ford": "focus", "color": "black"}]
3 个解决方案
解决方案1
26 已采纳
You have to be clear on what you mean by "JSON".您必须清楚“JSON”的含义。
Some people use the term JSON incorrectly to refer to a plain old JavaScript object, such as [{a: 1}]<\/code> .有些人错误地使用术语 JSON 来指代普通的旧 JavaScript 对象，例如[{a: 1}]<\/code> 。 This one happens to be an array.这个恰好是一个数组。 If you want to add a new element to the array, just push<\/code> it, as in如果你想向数组中添加一个新元素，只需push<\/code>它，如
var arr = [{a: 1}];
arr.push({b: 2});
< [{a: 1}, {b: 2}]
解决方案2
19 2015-09-13 03:54:52
JSON can be written into local storage using the JSON.stringify to serialize a JS object.可以使用 JSON.stringify 将 JSON 写入本地存储以序列化 JS 对象。 You cannot write to a JSON file using only JS.您不能仅使用 JS 写入 JSON 文件。 Only cookies or local storage仅 cookie 或本地存储
var obj = {"nissan": "sentra", "color": "green"};
localStorage.setItem('myStorage', JSON.stringify(obj));
解决方案3
4 2018-09-06 17:27:24
Unfortunatelly, today (September 2018) you can not find cross-browser solution for client side file writing.不幸的是，今天（2018 年 9 月）您找不到用于客户端文件写入的跨浏览器解决方案。
If you want update your JSON file cross-browser you have to use server and client side together.<\/strong>
On client side you can make a request to the server and then you have to read the response from server.在客户端，您可以向服务器发出请求，然后您必须从服务器读取响应。 Or you could read a file with FileReader<\/a><\/strong> too.
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);<\/code><\/pre>
You can use a lot of different servers, but I would like to write about PHP and Node.js servers.
<?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 } ?><\/code><\/pre>Node.js server side script solution<\/strong> Node.js 服务端脚本解决方案<\/strong>
The Node.js script for reading and writing from JSON file:
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);<\/code><\/pre>Related links for Node.js:<\/strong> Node.js 的相关链接：<\/strong>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.