2014-05-04 27 views
-3

我有以下腳本:音樂請求API witouth jQuery的

<?php 
header('Content-Type: text/javascript; charset=UTF-8'); 
$server = $_GET['server']; 
$port = $_GET['port']; 
?> 

window.onload = function() { 
    $('artist').load('http://hipmusic.nl/data/artiest.php?server=<?php echo($server);?>&port=<?php echo($port);?>'); 
    $('song').load('http://hipmusic.nl/data/nummer.php?server=<?php echo($server);?>&port=<?php echo($port);?>'); 
    $('listeners').load('http://hipmusic.nl/data/listeners.php?server=<?php echo($server);?>&port=<?php echo($port);?>'); 
    $('cover').load('http://hipmusic.nl/data/afbeelding.php?server=<?php echo($server);?>&port=<?php echo($port);?>&api=1'); 
    $('background').load('http://hipmusic.nl/data/afbeelding.php?server=<?php echo($server);?>&port=<?php echo($port);?>'); 
    $('player').load('http://hipmusic.nl/data/apiplayer.php?server=<?php echo($server);?>&port=<?php echo($port);?>'); 
} 
var auto_refresh = setInterval(function() { 
    $('artist').load('http://hipmusic.nl/data/artiest.php?server=<?php echo($server);?>&port=<?php echo($port);?>'); 
    $('song').load('http://hipmusic.nl/data/nummer.php?server=<?php echo($server);?>&port=<?php echo($port);?>'); 
    $('listeners').load('http://hipmusic.nl/data/listeners.php?server=<?php echo($server);?>&port=<?php echo($port);?>'); 
    $('cover').load('http://hipmusic.nl/data/afbeelding.php?server=<?php echo($server);?>&port=<?php echo($port);?>&api=1'); 
    $('background').load('http://hipmusic.nl/data/afbeelding.php?server=<?php echo($server);?>&port=<?php echo($port);?>'); 
}, 30000); 

這是獲得該收音機圈數。 我想這個沒有jQuery的代碼,因爲它會導致網站其他部分的錯誤。有誰知道我怎麼可以寫jQuery負載函數本身

+0

也許這可以幫助你http://hipmusic.nl/api – niekotje

+0

這是很不清楚你在問什麼,但我相信你只是想要一個純粹的JS替代''.ajax',所以這就是我給出的答案。 – ntzm

+1

您在代碼中使用$ _GET數據的方式存在嚴重的[XSS漏洞](https://www.owasp.org/index.php/Cross-site_Scripting_(XSS))。 –

回答

1

你會想要使用XMLHttpRequest。如果您需要更多幫助將jQuery轉換爲JavaScript,請檢查youmightnotneedjquery.com

你想創建像這樣的功能:

function retrieveJSON (url) { 
    var request = new XMLHttpRequest(); 
    request.open("GET", url, true); 
    request.send(); 
    var data = request.responseText; 
} 

和數據會從通話中檢索數據

+0

你可以請寫在普通的js代碼我不明白,該網站.. – niekotje

+0

@niekotje我已經更新了答案 – ntzm

+0

但我怎麼能把數據放在一個div,並讓它每30秒刷新 – niekotje