Javascript 使用AJAX请求JSON API

如何使用这个json

我首先使用json很好，但我使用json 2不起作用

[
    {
        "name": "bryan",
        "class": "12",
        "like": "game",
        "sport": "football"
    }
]

这段代码是OK，但如果我使用javascript，代码2对我不起作用。很抱歉，我是一个初学者，尝试json api

[
    {
        "attributes": {
        "name": "bryan",
        "class": "12",
        "like": "game",
        "sport": "football"
        }
    }
]   

我用这个javascript回调fist代码

const Url='datajson.json';
$.ajax({
  url: Url,
  type:"GET",
  success: function(result){
   $('.name').html(result[0].name);
   $('.class').html(result[0].class);
   $('.like').html(result[0].like);
   $('.sport').html(result[0].sport);
  }
})

---

把它交给属性arr

const Url='datajson.json';
$.ajax({
  url: Url,
  type:"GET",
  success: function(result){

   $('.name').html(result[0].attributes.name);
   $('.class').html(result[0].attributes.class);
   $('.like').html(result[0].attributes.like);
   $('.sport').html(result[0].attributes.sport);
  }
});

---

这是因为第二个json具有属性属性中所需的属性，在本例中，成功函数需要类似于：

函数（结果）{
$（'.name'）.html（结果[0].attributes.name）；
$（'.class'）.html（结果[0].attributes.class）；
$（'.like'）.html（结果[0].attributes.like）；
$（'.sport'）.html（结果[0].attributes.sport）；
}

如果您可以使用ES6功能，您只需执行分解，您的功能将是：

函数（结果）{
常量{name，class，like，sport}=result[0]。属性
$（'.name'）.html（name）；
$（'.class'）.html（class）；
$（'.like'）.html（like）；
$（'.sport'）.html（sport）；
}

你能说得更具体些吗？什么不起作用？