javascript - 如何从 API 请求/响应获取和使用 JSON 参数值

Question

我正在开发一个网站，并希望根据我可以在 API 响应中找到的参数值来显示或隐藏 div 标签。

我需要的API信息的链接是https://api.hitbox.tv/media/status/masta其中“masta”被我的 channel 名称替换。响应如下所示:{"media_is_live":"0","media_views":"2"}

我更喜欢只使用纯 JavaScript，但尝试使用 AJAX 下面的代码，但没有成功。我不熟悉 javascript、jQuery 和 AJAX，所以也许我也写了一些错误的代码。有什么建议吗？:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>
$(document).ready(function() {
    $.ajax({
        type: "GET",
        dataType: "json",
        url: "https://api.hitbox.tv/media/status/masta",
        data: "media_is_live",
        success: function(data){
            if(data == "0") {
                document.getElementById("player").style.visibility = "hidden";
            }
            else {
                document.getElementById("player").style.visibility = "visible";
            }
        }
    });
});
</script>

<div id="player">[LIVESTREAM-PLAYER]</div>

Answer 1

您的 ajax 调用应该如下所示。

media_is_live 位于结果中，而不是您的查询中。

$.ajax({
    type: "GET",
    dataType: "json",
    url: "https://api.hitbox.tv/media/status/masta",
    success: function(data){
        if(data.media_is_live == "0") {
            //Your code here
        }
        else {
            //Your code here
        }
    }
});