通过Flask RESTful API从JavaScript请求数据

My API以以下形式发送数据：

{
  "2015-09-05 00:00:00+000000": 0, 
  "2015-09-06 00:00:00+000000": 2, 
  "2015-09-07 00:00:00+000000": 1
}

我想做的是用AJAX（？）读取数据，并将它们存储在两个单独的变量中

val a = ['a', '2015-09-05', '2015-09-06', '2015-09-07']
val b = ['b', 0, 2, 1]

我是JavaScript和AJAX新手，但到目前为止，我已经做到了以下几点：

    function GetData() {

        // 1. Instantiate XHR - Start 
        var xhr; 
        if (window.XMLHttpRequest) 
            xhr = new XMLHttpRequest(); 
        else if (window.ActiveXObject) 
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        else 
            throw new Error("Ajax is not supported by your browser");

        // 3. Specify your action, location and Send to the server - End
        xhr.open('GET', 'http://localhost:5000/generate-aggregations');
        xhr.send(null);

    }


    var data = JSON.parse(GetData());

    var array_keys = new Array();
    array_keys.push('a');
    var array_values = new Array();
    array_values.push('b');

    for (var key in data) {
        array_keys.push(key);
        array_values.push(data[key]);
    }

---

非常相关：。用更多的选票检查第二个答案。然而，如果你不需要的话，我会重新考虑像这样拆分你的变量。你能看看更新后的示例代码吗？我正在使用xhr（不知道xhr是什么！），但看起来很有用。你会推荐xhr吗？另外，我如何将JSON响应拆分为两个列表？您打算用这两个列表实现什么？最终，我将尝试创建一个d3图。