在JavaScript中读取JSON文件
[英]Read JSON file in JavaScript
问题描述
我正在尝试读取JSON文件，如下所示：
[166.1086159,153.6025535,109.9585098,149.0443019,121.9854975,136.2424609,68.07276721,75.02149785,112.0627478]
我删除了里面的大多数数字。 我大约有200个这样的json文件（取决于您按的是哪个按钮），所以问题是如何将该数组保存到变量中？ 我已经为此花了很长时间！
所有帮助表示赞赏！
<!doctype html> <html> <head> <title>Bar Chart</title> <script src="./Chart.js/Chart.js"></script> </head> <body> <div style="width: 80%"> <canvas id="canvas" height="300" width="800"></canvas> </div> <script> function reqListener () { console.log(this.responseText); current = JSON.parse(this.responseText); }
> var oReq = new XMLHttpRequest();
> oReq.onload = reqListener;
> oReq.open("get", file, true);
> oReq.send();
var barChartData = { labels : ["501", "502", "503", "504", "505", "506", "507", "508", "509", "510", "511", "512", "513", "514", "515", "516", "517", "518", "519", "520", "521", "522", "523", "524", "525", "526", "527", "528", "529", "530", "531", "532", "533", "534", "535", "536", "537", "538", "539", "540", "541", "542", "543", "544", "545", "546", "547", "548", "549", "550", "551", "552", "553", "554", "555", "556", "557", "558", "559", "560", "561", "562", "563", "564", "565", "566", "567", "568", "569", "570", "571", "572", "573", "574", "575", "576", "577", "578", "579", "580",], datasets : [ { fillColor : "rgba(151,187,205,0.5)", strokeColor : "rgba(151,187,205,0.8)", highlightFill : "rgba(151,187,205,0.75)", highlightStroke : "rgba(151,187,205,1)", data : current } ] } window.onload = function(){ var ctx = document.getElementById("canvas").getContext("2d"); window.myBar = new Chart(ctx).Bar(barChartData, { responsive : true }); } </script> </body> </html>
2 个解决方案
解决方案1
2 已采纳 2014-12-16 20:27:36
如果将文件内容加载到字符串变量中，请使用：
var string = '[166.1086159,153.6025535,109.9585098,149.0443019,121.9854975,136.2424609,68.07276721,75.02149785,112.0627478]'; var array = JSON.parse(string); console.log(array);
如果数据在服务器上的文件中，则可以使用AJAX读取它。 有关如何在Javascript中使用XMLHttpRequest接口的示例，请参见https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest 。
解决方案2
1 2014-12-16 20:29:37
只需使用JSON.parse并将文件文本作为字符串传递，然后将其保存到变量即可
var fileText = '';//load the file text
var jsonData = JSON.parse(fileText);
通过javascript读取JSON文件
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.