2017-12-02 6 views
0

私はJSONPからいくつかのデータは、コードの下にして、ファイルを取得:それは動作しますが、私は10秒毎にリフレッシュデータを必要とする

$.getJSON('http://static.eska.pl/m/playlist/channel-108.jsonp?callback=?'); 
 
function jsonp(data) { 
 
document.getElementById("artist").innerHTML = data[0].artists[0].name; 
 
document.getElementById("title").innerHTML = data[0].name; 
 
};
<!DOCTYPE html> 
 
<head> 
 
    <title>JSONP EskaRock </title> 
 
\t <script src="http://code.jquery.com/jquery-latest.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
</head> 
 

 
<body> 
 
<div id="artist"></div> 
 
<div id="title"></div> 
 
</body> 
 
</html>

を。私はsetInterval関数を使用しますが、ConsoleFireFoxの返信エラー "ReferenceError:jsonpは (... channel-108.jsonp:1:1)"と定義されていません。 setIntervalと私のコード:

setInterval(function() { 
 
$.getJSON('http://static.eska.pl/m/playlist/channel-108.jsonp?callback=?'); 
 
function jsonp(data) { 
 
document.getElementById("artist").innerHTML = data[0].artists[0].name; 
 
document.getElementById("title").innerHTML = data[0].name; 
 
}; 
 
}, 10000)
<!DOCTYPE html> 
 
<head> 
 
<title>JSONP EskaRock </title> 
 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
</head> 
 

 
<body> 
 
<div id="artist"></div> 
 
<div id="title"></div> 
 
</body> 
 

 
</html>

問題ですか?

答えて

0

あなたはsetInterval外に移動し、それが動作します

function jsonp(data) { 
 
    document.getElementById("artist").innerHTML = data[0].artists[0].name; 
 
    document.getElementById("title").innerHTML = data[0].name; 
 
}; 
 
setInterval(function() { 
 
    $.getJSON('http://static.eska.pl/m/playlist/channel-108.jsonp?callback=?'); 
 

 
}, 10000)
<!DOCTYPE html> 
 

 
<head> 
 
    <title>JSONP EskaRock </title> 
 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
 

 
</head> 
 

 
<body> 
 
    <div id="artist"></div> 
 
    <div id="title"></div> 
 
</body>

内の関数を宣言しています