Запросить JSON API с AJAX

Question

как я могу использовать это json?

я использую json сначала хорошо, но я использую json два не работают,

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

этот код хорошо, но код два не работает на меня, если я использовал javascript извините, я новичок для попытки json API

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

и я перезвонил с этим javascript для кода кулак

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);
  }
})

Answer 1

, потому что у второго json есть нужные вам свойства в атрибутах Properti, в этом случае ваша функция успеха должна выглядеть примерно так:

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);
 }

Если Вы можете использовать функции ES6, вы можете просто выполнить деструктуризацию, и ваша функция будет:

function(result){
  const {name, class, like, sport} = result[0].attributes

  $('.name').html(name);
  $('.class').html(class);
  $('.like').html(like);
  $('.sport').html(sport);
}

Answer 2

получить его для атрибута обр.

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);
  }
});