流标签脚本

Question

我不知道该代码怎么办。 我尝试了innerHTML，DIV调用，但没有任何方法可以在HTML页面中显示标签。 谁能帮我吗？ 我需要显示“ musica_atual”。

$.getJSON('http://srvstm.com/api-json/VkZkd1JrMUZPVVZYVkRBOStS', function(data) {
    var status = data.status; // Mostra o status da rádio
    var porta = data.porta; // Mostra a porta da rádio
    var porta_dj = data.porta_dj; // Mostra a porta DJ da rádio
    var ip = data.ip; // Mostra o endereço do servidor da rádio
    var ouvintes_conectados = data.ouvintes_conectados; // Mostra total de ouvintes conectados
    var titulo = data.titulo; // Mostra o nome da rádio
    var plano_ouvintes = data.plano_ouvintes; // Mostra o limite de ouvintes do plano
    var plano_ftp = data.plano_ftp; // Mostra o limite de espaço do AutoDJ do plano
    var plano_bitrate = data.plano_bitrate; // Mostra o bitrate do plano
    var musica_atual = data.musica_atual; // Mostra a música atual
    var proxima_musica = data.proxima_musica; // Mostra a próxima música do AutoDJ(não é valido para transmissão ao vivo)
    var genero = data.genero; // Mostra o genero da rádio
    var shoutcast = data.shoutcast; // Mostra a URL do shoutcast
    var rtmp = data.rtmp; // Mostra a URl do RTMP para uso em players próprios(se tiver RTMP)
    var rtsp = data.rtsp; // Mostra a URl do RTSP para uso em players próprios(se tiver RTMP)
    var capa_musica = data.capa_musica; // Mostra a URL da imagem JPG da capa do album da música
});

Answer 1

好的，根据我们所说的，检查是否适合您： 单击此处查看jsFiddle（更新）

JavaScript代码

/* The url has a // to let the browser decide whether to use HTTP o HTTPS */
var response = $.getJSON('//srvstm.com/api-json/VkZkd1JrMUZPVVZYVkRBOStS', addHTML);

function addHTML(data) {

  // Getting the HTML elements to write in
  var cs = document.getElementById('current-song');
  var g = document.getElementById('genre');

  // Setting data attributes to HTML
  cs.innerHTML = data.musica_atual;
  g.innerHTML = data.genero;

}

HTML标记

<div>
  <span id="genre"></span>
  <h1 id="current-song"></h1>
</div>

希望这对您有帮助