Question

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function() {
    setInterval(function() {
        $.get('points.txt', function(data){
            $('#show').html(data);
        },1000);
    });
});
</script>

<div id="show"></div>

我运行了上面的脚本，在points.txt中有一个不断变化的数字。

它假设每秒刷新div。

现在，由于某种原因，脚本无法正常工作。我做错了什么？

Answer 1

你的第二个计时功能参数不是setInterval，而是get。另外我猜你的请求正在被缓存。试试这个：

$(document).ready(function() {
  setInterval(function() {
    $.get('points.txt?' + (new Date).getTime(), function(data){
      $('#show').html(data);
    });
  }, 1000);
});

或告诉AJAX，不要缓存数据：

$.ajaxSetup({
  cache: false
});

Answer 2

我认为您的代码格式不正确。将参数1000作为第三个参数添加到get函数。相反它应该是这样的：

$(document).ready(function() {
    setInterval(function() {
        $.get('points.txt', function(data){
            $('#show').html(data);
        });
    },1000);
});

AJAX刷新Div不起作用

2 个答案: