Javascript 从JQuery导入JSON文件未定义

我正在使用JQuery编写一个小脚本，将JSON文件的数据导入JS文件，但当我尝试执行

console.log（result）

时，它返回未定义的数据。我怎样才能解决它

JQuery：

    document.addEventListener('load',start())
function start() {
    // REQUEST THE DATA FROM API
    $.ajax({
        dataType: "json",
        type: 'get',
        url: "../api/data.json",
        success: function (result) {
            displayTheData(result)
        }

    });
}

function displayTheData(result) {
    console.log(result)
}

JSON:

---

下面是一个简单的代码及其工作示例，看起来您还有其他问题

函数开始（）{
//从API请求数据
$.ajax({
数据类型：“json”，
键入：“get”，
url://mysafeinfo.com/api/data“，
数据：{list:'englishmonarchs'，格式：'json'}，
}).完成（功能（结果）{
显示数据（结果）
});
}
函数显示数据（结果）{
console.log（结果）
}
$（函数（）{
start（）；
});
您是否检查了.json是否正确加载？我如何检查它？dev tools控制台中是否有任何错误？否，它只是显示（未定义）控制台。logtry此行
console.log（结果）内部成功函数，看看它是否仍然未定义否，抱歉，它没有返回未定义的结果。输入完全相同的内容，我不明白it@Joanmi您使用的是哪个版本的jQuery？我使用的是1.11。1@Joanmi我已经更新了我的答案，并使用done函数进行了尝试
[{
  "name":"Google",
  "url": "google.es",
},
  {
    "name":"Yahoo",
    "url": "yahoo.com",
  }
]