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

如何遍历 json 数组并获取其值以在视图中显示它们？

  • 772

我访问 json url 的方法如下，它可以工作，但现在我想用 for 和它的“.length”来浏览 json，但我做不到。

我想从中获取 url 的 json 如下

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

    既然可以使用原生 JavaScript，为什么还要使用 jQuery？
    这是一个不需要外部库的解决方案：

    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