文章/答案/技术大牛

发布

问过滤JSON onClick
EN

Stack Overflow用户

提问于 2016-05-16 22:48:14

回答 2查看 260关注 0票数 0

var twitchApi = "https://api.twitch.tv/kraken/streams";
        $.getJSON(twitchApi, function(json) {
          for (i = 0; i < 10; i++) {
            var streamGame = json.streams[i].game;
            var streamThumb = json.streams[i].preview;
            var streamVideo = json.streams[i].channel.name;
            $('#twitch').append('<li><iframe src="https://player.twitch.tv/? channel=' + streamVideo + '"
     frameborder="0" scrolling="no" height="378"
     width="620"></iframe><li>');
          }});

因此，我得到了这个脚本，它从Twitch中提取流。我怎么过滤它们？例如。点击英雄联盟只显示LoL流等。

javascript

jquery

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-05-16 23:09:58

过滤这些结果可能不会做你想做的事情，因为任何特定游戏的结果数量将取决于当前的时间点。

使用twitch，您可以传递一个搜索参数，如下所示：

https://api.twitch.tv/kraken/streams?game=League%20of%20Legends

使用每次getJSON调用清空$('#twitch')元素，并从更新的查询返回的数据中重新加载。

function loadStreams(gameName) {
    var twitchApi = "https://api.twitch.tv/kraken/streams";

    if (gameName) twitchApi += '?game=' + encodeURI(gameName);

    $.getJSON(twitchApi, function(json) {
         $('#twitch').empty()
         for (i = 0; i < 10; i++) {
             var streamGame = json.streams[i].game;
             var streamThumb = json.streams[i].preview;
             var streamVideo = json.streams[i].channel.name;
             $('#twitch').append('<li><iframe src="https://player.twitch.tv/? channel=' + streamVideo + '"
                 frameborder="0" scrolling="no" height="378"
                 width="620"></iframe><li>');
    }});
}

票数 1

Stack Overflow用户

发布于 2016-05-16 23:08:52

这并不是一个有趣的答案，但你可以像https://api.twitch.tv/kraken/streams?game=League%20of%20Legends一样在url中重新提交游戏的https://api.twitch.tv/kraken/streams?game=League%20of%20Legends

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37264447

复制

相似问题

问过滤JSON onClick
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问过滤JSON onClickEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问过滤JSON onClick
EN