AJAX刷新区不起作用

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>

I have the above script running, and in points.txt there's a number which keeps changing.

It's suppose to refresh the div every second.

Now, for some reason, the script ain't working. What am I doing wrong?

Answer 1

Your second param of timing function is not given to the setInterval , and not the get . Also I guess your request is getting cached. Try this:

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

Or tell the AJAX, not to cache data:

$.ajaxSetup({
  cache: false
});

Answer 2

I believe there is incorrect formatting of your code. Parameter 1000 is added as third parameter to get function. Instead it should be like this:

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