javascript - 检索 json 文件数据的基本 XMLhttprequest

Question

我有一个基本的 XML 请求，它从存储在我的服务器上的 json 文件中获取数据。加载请求后，将调用一个函数，该函数将 responseText 存储在一个名为 data 的变量中。存储数据后，使用 JSON.parse 对其进行解析并存储到一个名为锻炼的变量中。

这是我的js代码：

var data;
var workouts;
    var req = new XMLHttpRequest();
    req.open("GET", "workout-db.json");
    req.onload = function() {
        data = req.responseText;
        workouts = JSON.parse(data);
    }
    req.send();

这是我的json代码：

[{
    "name": "Pull up",
    "muscleGroup": "upper",
    "imgUrl": "imgs/pull_up.jpg"
},
{
    "name": "Battle rope",
    "muscleGroup": "upper",
    "imgUrl": "imgs/battle_rope.jpg"
},
{
    "name": "Push up",
    "muscleGroup": "upper",
    "imgUrl": "imgs/push_up.jpg"
}
]

我不明白的唯一部分是如何在我的代码中访问这个锻炼对象。试图调用它会返回一个未定义的变量。根据我对 js 范围的了解，锻炼变量应该是全局的，并且可以在我的代码中的任何其他位置访问。

标签： javascriptjsonxml