2016-02-24 159 views
0

有沒有辦法讓刷新當前歌曲而不刷新頁面?我不知道該怎麼做。我不是那麼喜歡JS。刷新腳本而不刷新html頁面

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; 
 

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

+0

如何應用應該知道其正在播放的歌曲?或者當用戶改變歌曲時將觸發哪個事件? – wilsotobianco

+0

這是一個直播流媒體。服務器會告訴腳本哪首歌正在播放。 –

+0

我不認爲這是一個最小的,完整的和可驗證的問題。你需要更加明確一些。 – wilsotobianco

回答

0

終於做出了一個腳本,在刷新一個div特定內容。

$(document).ready(function(){ 
 
$('#song').load('http://boomerangfm.xyz/musica.php'); 
 
refresh(); 
 
}); 
 
    
 
function refresh() 
 
{ 
 
\t setTimeout(function() { 
 
\t $('#song').fadeOut('slow').load('http://boomerangfm.xyz/musica.php').fadeIn('slow'); 
 
\t refresh(); 
 
\t }, 30000); 
 
}
<div id="song">rádio boomerang fm</div>