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

好的，根据我们的讨论内容，检查一下这是否适合您：Click to see jsFiddle here (UPDATED)

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>

希望这有助于你

流标签脚本

1 个答案: