jsonファイルを読み込んでデータ配列をつくる

javascriptを始めて間もない者です。
Highstockを用いてグラフを書きたいのですが、jsonからのデータの抽出方法がわかりません。

sample.jsonの中身は
{data:[{"data1":~~,"data2":~~,"data3":~]},{・・・・・}]}
となっております。
これをjavascriptで読み込み、新たな配列
data=[
[data[0].data1,data[0].data2],
[data[1].data1,data[1].data2],
・・・・・
]
となるように抽出したいと考えています。
htmlファイルとjsonファイルはサーバ上の同じディレクトリ内に配置しています。
$.getJSONの使い方などをいろいろと調べましたが、ずっとうまくいかなかったのでこちらで質問させていただきました。。。
よろしくお願いします。

行動規範の内容に同意します

回答2件

ベストアンサー

JSON.parse と XMLHttpRequest を併用してください。
ちなみにご掲示のJSONは SyntaxError です。

JSON
1{"data":[{"data1":true,"data2":true,"data3":true},{"data1":true,"data2":true,"data3":true}]}

JavaScript
1(function (handleload) {
2  var xhr = new XMLHttpRequest;
3
4  xhr.addEventListener('load', handleload, false);
5  xhr.open('GET', 'data.json', true);
6  xhr.send(null);
7}(function handleLoad (event) {
8  var xhr = event.target,
9      obj = JSON.parse(xhr.responseText);
10
11  console.log(obj);
12}));