Question

我正在尝试构建一个Web应用程序，向您显示哪些抽搐用户在线，并允许您单击他们的名称并将您带到他们的抽搐页面，我之前有这个工作，但在尝试添加url链接后他们的抽搐页面不再有效，我看不出我的变化。

    $(function(){
        users = ["ESL_SC2","OgamingSC2", "cretetion","freecodecamp","storbeck","habathcx","RobotCaleb","noobs2ninja"];

        a = "https://api.twitch.tv/kraken/streams/"
        b = "https://api.twitch.tv/kraken/channels/";
        for(i = 0; i<users.length; i++){
            $.getJSON(a + users[i], function(data) {
                if(data.stream ==null){
                    status = "offline";
                    playing = "";
                    }
                else {
                    status = "online";
                    playing = data.stream.game;    
                }
            });

            x = b + users[i]
            $.getJSON(x, function(result) {   
                displayName = result.display_name;
                link= result.url;
            });
            $("#list").append("<a href='" + link + "'><div class='block'> <h3 class='heading'>" + displayName + "</h3><p class='offline_status'>"  + status + "</p><p>"+ playing + "</p></h3></div></a>");  
       }
    })

Answer 1

你没有在Ajax调用之前声明变量，所以变量在ajax调用之外是未定义的。

试试这个：

$(function(){

    jQuery.ajaxSetup({async:false});

    var users = ["ESL_SC2","OgamingSC2", "cretetion","freecodecamp","storbeck","habathcx","RobotCaleb","noobs2ninja"];

    a = "https://api.twitch.tv/kraken/streams/"
    b = "https://api.twitch.tv/kraken/channels/";

    for(i = 0; i<users.length; i++){
        var displayName, status, playing, link;
        jQuery.get(a + users[i]).done(function(data) {
            if(data.stream == null){
                status = "offline";
                playing = "";
            }
            else {
                status = "online";
                playing = data.stream.game;    
            }

        });
        jQuery.get(b + users[i]).done(function(result) { 
            displayName = result.display_name;
            link= result.url;
            $("#list").append("<a href='" + link + "'><div class='block'> <h3 class='heading'>" + displayName + "</h3><p class='offline_status'>"  + status + "</p><p>"+ playing + "</p></div></a>");
        });
    }
});

编辑：您正在执行AJAX请求，但它们是异步的，因此代码将继续而不等待响应。为了解决这个问题，我在开头指出我想要同步请求。为了确保请求执行得很好并且数据可用，我使用了.done（），并将函数放在那里。我希望你能理解你的一些错误:)（我已经了解了我的错误）。

JSFiddle：https://jsfiddle.net/vp8s99L2/

jquery抽搐直播api bug

1 个答案: