Javascript - How to load variable from a file and refresh it every 3 seconds?

Question

My script:

<?php
//header("refresh: 7;");
include 'theme.php';
ceklogin();
css();
echo '<script type="text/javascript"
    src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
    $(document).ready(
            function() {
                setInterval(function() {
                    var randomnumber = Math.floor(Math.random() * 100);
                    $("#show").text(
                            "I am getting refreshed every 3 seconds..! Random Number ==> "
                                    + randomnumber);
                }, 3000);
            });
</script>';
exec('/www/openvpn_wget_status.sh');
echo '<br>';
echo file_get_contents( "/www/openvpn_status.txt" );
echo '<div id="show">';
//include 'wget.log';
//echo "<br><textarea name=\"text-info\" id=\"scores\" rows=\"30\" cols=\"90\" readonly style=\"font-family: Arial;font-size: 7pt;\" >";
//$datalines = file ("wget.log");
//foreach ($datalines as $zz) {
//echo $zz; }
echo '</div>';
//echo "</textarea><br></div>";
echo '<script type="text/javascript">
       var textarea = document.getElementById("scores");
       textarea.scrollTop = textarea.scrollHeight;
      </script>';
foot();
echo '

</div>
</body>
</div>
</html>';
?>

it works perfectly but what if I want the variable from a log file in my webserver, let's say the name of the log file is wget.log and I want to refresh it every 3 seconds since wget.log keeps changing as I run wget to download files?

You need to call ajax and read file from server, `echo` it using php and print on browser using javascript. Make ajax every 3 seconds. — Ravi Dhoriya ツ, Jan 09 '15 at 11:39
maybe this thread can help you topic tail of logfiles with php http://stackoverflow.com/questions/1102229/how-to-watch-a-file-write-in-php — donald123, Jan 09 '15 at 11:40
@RaviDhoriya can you please write the script for me ? I know next to nothing about ajax. Sorry. — hillz, Jan 09 '15 at 11:41
You can do something like this : http://pastebin.com/wHzHFzRS The ajax call is wrapped in a `setInterval` function — Nick R, Jan 09 '15 at 11:49
There is lot here that you could have abstracted. What a mess. — Lightness Races in Orbit, Jan 09 '15 at 12:18

Ravi Dhoriya ツ · Accepted Answer · 2015-01-09T12:12:53.483

0

Script to read file (readFile.php)

<?php
//in this script, read any file(or do something else)
//whatever you output, it will be processed in ajax request from below script
echo "<pre>".file_get_contents( "/www/openvpn_status.txt" )."</pre>"; //used <pre> to keep linebreaks in file.
?>

HTML (another file)

<script type="text/javascript"
    src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
    $(document).ready(
            function() {
                setInterval(function() {
                    $("#show").load("readFile.php"); //it will make ajax call to readFile.php and get output from that script and load to #show div
                }, 3000);
            });
</script>

<div id="show">
This will be refreshed every 3 seconds.
</div>

edited Jan 09 '15 at 12:12

answered Jan 09 '15 at 11:52

Ravi Dhoriya ツ

4,435
8
37
48

Wow. Never seen or used that type of ajax call ever. What request type does it use? POST or GET? – Krisztián Dudás Jan 09 '15 at 12:01
@Ravi Dhoriya my log file consists of line breaks and the line breaks are ignored once it's loaded on my webpage, how do I keep the line breaks? – hillz Jan 09 '15 at 12:04
@KrisztiánDudás lol on you. You should have look at [this](http://api.jquery.com/load/). It uses GET btw – Ravi Dhoriya ツ Jan 09 '15 at 12:07
@hillz then print it inside `
`.
– Ravi Dhoriya ツ Jan 09 '15 at 12:09

1

Use the `

` tag if you want to keep the formatting (linebreaks)

– Nick R Jan 09 '15 at 12:09

Javascript - How to load variable from a file and refresh it every 3 seconds?

1 Answers1