JQuery цикл JSON отображает только второе поле

Question

Мой текущий код представляет собой цикл из 2 ссылок, и мне было интересно, как отображать только одну из них одновременно.Это может быть очень глупый и невежественный вопрос, поэтому я прошу прощения заранее.Мой код:

  $(document).ready(function() {
     var url = "https://api.twitch.tv/kraken/channels/sodapoppin/follows? 
        client_id=40pbvj5imeg5ma36gla9p8ryfkyyyb&limit=100";
           $("#cursa").click(function() {
              $.getJSON(url, function(result) {
           $.each(result._links, function(i, field) {
        $("#curs").append('<p>' + field + '</p>');
     });
  });
});
});

Спасибо, ребята!

Answer 1

У объекта JSON, который вы извлекаете, есть поле с именем _links , и это объект с двумя полями: self и next .Я сделал и пример, где я получаю оба в явном виде, надеюсь, это поможет вам.

$(document).ready(function()
{
    var url = "https://api.twitch.tv/kraken/channels/sodapoppin/follows?client_id=40pbvj5imeg5ma36gla9p8ryfkyyyb&limit=100";

    $("#cursa").click(function()
    {
        $.getJSON(url, function(result)
        {
            $("#links").append("<p> SELF: " + result._links.self + "</p>");
            $("#links").append("<p> NEXT: " + result._links.next + "</p>");
        });
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="cursa" type="button">Get Json</button>
<div id="links"></div>

Я предполагаю, что вам нужна только ссылка next , поэтому вы можете получить к ней прямой доступ, как показано в примере.

Answer 2

вы можете использовать счетчик

$(document).ready(function() {
    var url = "https://api.twitch.tv/kraken/channels/sodapoppin/follows? 
    client_id=40pbvj5imeg5ma36gla9p8ryfkyyyb&limit=100";
    $("#cursa").click(function() {
        $.getJSON(url, function(result) {
            var count = 1;
            // Solution 1 Counter
            $.each(result._links, function(i, field) {
                if (count==2) {
                    $("#curs").append('<p>' + field + '</p>');
                }
                count = count+1;
            });
            // Alternative without loop for known Index
            $("#curs").append('<p>' + result._links.next + '</p>');
        });
    });
});