Question

我正在网站上工作，希望根据我在API响应中找到的参数值来显示或隐藏div标签。

我需要的API信息的链接是https://api.hitbox.tv/media/status/masta其中＆＃34; masta＆＃34;被我的频道名称取代。响应如下所示：{"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
        }
    }
});

Answer 2

尝试：

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

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

2 个答案: