如何從API請求/響應中獲取和使用JSON參數值

Question

我在一個網站上工作，並且想要顯示或隱藏div標簽，具體取決於我可以在API響應中找到的參數值。

我需要的API信息的鏈接是https://api.hitbox.tv/media/status/masta ，其中“ masta”被替換為我的頻道名稱。 響應如下所示： {"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";
            }
        }
    });
});