value not updating in html page

Question

I am using jquery to auto update a part of the HTML page. Following is the code

$(document).ready( function() {
  $('#auto').load("static/l.txt");
  refresh();
});

function refresh() {
  setTimeout(function() {
    $('#auto').load("static/l.txt");
    refresh();
  }, 1000);
}

The id of the HTML div tag to be updated is auto The file static/l.txt is continuously being updated by another python program.

But when I load the html page , the div only gets updated once and does not update the value until and unless I open the developers console on the browser.

I am hosting the web page using Flask in python

Be very careful sending AJAX requests to your server every second; AJAX polling does not scale well and you can easily DDOS yourself if you're not careful. — Rory McCrossan, Dec 12 '18 at 09:47
Add a console.log to see if the function is getting called multiple times. — Jaybird, Dec 12 '18 at 10:03
Could be caching issue. https://stackoverflow.com/questions/24459695/item-load-script-breaking-only-in-ie11-works-in-developer-tools — Jaybird, Dec 12 '18 at 10:18

score 0 · Answer 1 · answered Dec 12 '18 at 10:58

0

How about trying this?

var counter =0 ; 

$(document).ready( function() {
  $('#auto').val("starting");
  refresh();
});


function refresh() {
   setInterval( function() {
   counter ++;
    $('#auto').val(counter);
  }, 1000);
}

answered Dec 12 '18 at 10:58

Kinnison84

176
1
8

I am uploading data from a file (coordinates to be precise) . The coordinates are being fetched by another python program.And I want to use those coordinates – Taksh Dec 12 '18 at 11:55

score 0 · Answer 2 · answered Dec 12 '18 at 14:20

Use a callback to know, when the content is actually loaded and move the function definition in the ready block, also.

$(document).ready(function() {        
    function loadData() {
        $('#auto').load('static/l.txt', function(completed) {
            setTimeout(loadData, 1000);
        });
    }

    loadData();
});

value not updating in html page

2 Answers2