如何從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"; 
      } 
     } 
    }); 
});