jQuery json循环仅显示第二个字段

时间:2018-10-12 17:47:50

标签: jquery json api loops

我当前的代码是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>');
     });
  });
});
});

谢谢你们!

2 个答案:

答案 0 :(得分: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 链接,因此您可以像示例所示那样直接访问它。

答案 1 :(得分:0)

您可以使用计数器

$(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>');
        });
    });
});