首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >$.getJSON + setInterval

$.getJSON + setInterval
EN

Stack Overflow用户
提问于 2017-12-02 22:46:30
回答 1查看 535关注 0票数 0

我通过以下代码从JSONP文件中获得一些数据:

代码语言:javascript
复制
$.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;
 };
代码语言:javascript
复制
<!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>

它能工作,但我需要每10秒刷新一次数据。我使用setInterval函数,但控制台FireFox返回错误"ReferenceError: jsonp未定义“(.channel-108.jsonp:1:1)。我使用setInterval的代码:

代码语言:javascript
复制
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)
代码语言:javascript
复制
<!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>

问题出在哪里?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-12-02 23:05:13

您正在声明setInterval中的函数,将其移出外部,它将工作。

代码语言:javascript
复制
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)
代码语言:javascript
复制
<!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>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47613424

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档