将json数据放入我的javascript代码中的变量

时间:2013-07-03 08:48:29

标签: javascript json d3.js

这是我目前的项目---> http://jsfiddle.net/ddfsb/2/ 观察代码中的var数据。为了测试目的,我只使用了很少的记录。实际上我有大约89k的记录。

我有一个名为content.json的json文件。这正是如此: -

["51b59c162de88", [["parties", 0.0, 0.011]]]
["51b59c1b4f52f", [["star-speak", 0.0, 0.006], ["parties", 0.0, 0.011]]]
["51b59c2bdd5c5", [["signature", 0.002, 0.006], ["parties", 0.0037, 0.011]]]
["51b59c10ca18f", [["parties", 0.0, 0.017]]]
["51b59c15913b6", [["parties", 0.0, 0.011]]]
["51b59c2635997", [["fashion", 0.002, 0.006], ["parties", 0.0037, 0.011], ["royal-challenge", 0.002, 0.006]]]
["51b59c1a94870", [["parties", 0.0, 0.011]]]
["51b59c2844bcf", [["royal-challenge", 0.0077, 0.023]]]
["51b59c2d92798", [["signature", 0.002, 0.006], ["parties", 0.0037, 0.011]]]
["51b59c19aaa7f", [["parties", 0.0, 0.011], ["fashion", 0.0, 0.006]]]
["51b59c18ec68d", [["parties", 0.0, 0.028]]]

我想在不干扰输出的情况下加载这个json文件的内容。如何将这些数据放入变量。在我的脚本中输入89K记录将是疯狂的。所以如何摆脱这个问题。< / p>

2 个答案:

答案 0 :(得分:1)

如果您将can do it directly from D3.js存放在文件中,则为{{3}}:

d3.json("your_file.json", function(json) {
     // do stuff   
});

虽然,但您应该注意说明您的数据无效JSON的注释。在这种情况下,D3.js将无法正确处理它。

答案 1 :(得分:0)

使用AJAX调用从服务器加载它。这是一个jQuery实现:

<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script>

$(document).ready(function() {
  $.getJSON( "content.json", function(data) {

    // Do stuff with your data here.

  });
});
<script>