Home / Questions / 8402
Accepted
Diego
Asked: 2020-04-24 20:20:50 +0800 CST 2020-04-24 20:20:50 +0800 CST

Как я могу просмотреть массив json и получить его значения, чтобы показать их в представлении?

  • 772

Мой метод доступа к URL-адресу json выглядит следующим образом, и он работает, но теперь я хочу просмотреть json с for и его «.length», но я не смог.

JSON, из которого я хочу получить URL-адрес, следующий:

http://www.jsoneditoronline.org/?id=74fa8799c027f3af0b2faf44ac1c9e47

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js</scr>
<div id="success">
<div id="artisturl"></div>
</div>

$.ajax({
   type : 'GET',
   url : 'https://api.spotify.com/v1/search',
   data : {'q':'coldplay',
   'type':'artist'
   },
   dataType : 'json',
   success : function(data) {
      $('#success #artisturl').html(data.artists.items[0].uri) ;
   },
}) ;
jquery

2 Answers

  1. Best Answer

    И зачем использовать jQuery, если можно использовать нативный JavaScript?
    Вот решение, которое не требует внешних библиотек:

    for(let i = 0; i < data.artists.items.length; i++) {
    console.log(data.artists.items[i].href);  // (o el campo que necesites)
}

    Я знаю, что вы уже используете jQuery, но я за использование нативных инструментов, когда это возможно (хотя я понимаю, что это идет по вкусу). Лично я не считаю его более сложным, чем решение jQuery, и вы лучше разбираетесь в своем коде.

    Кстати, вам не нужно разбирать JSON, так как это dataуже объект.

    • 14

  2. Вы можете сделать с jquery каждый:

    $.each(data, function(i, item) {
    console.log(item);
});

    Например, по этой ссылке: https://stackoverflow.com/questions/2342371/jquery-loop-on-json-data-using-each

    • 10