How can I check if a jQuery loaded PHP file changes and execute function if changed?

Question

I am trying to make a dynamic dashboard that refreshes every x seconds to deliver new data from a PHP file. I want this to issue an Alert whenever there is a change in the data delivered, not whenever the data is refreshed. I am using require.js, watch.js and jQuery. I can`t get it to issue alert on changes on #tfpromo or the variable refreshId. Is there a way to do this in jQuery, JS or Watch.js?

PHP file:

$mainbalance = "foo";
    echo $mainbalance;

Index.html:

<div id="tfpromo"></div>
<script>
  require(['watch', 'jquery'], function(WatchJS, $) {

    var watch = WatchJS.watch;
    var unwatch = WatchJS.unwatch;
    var callWatchers = WatchJS.callWatchers;
    $(document).ready(function () { 
        $("#tfpromo").load("php/dataload.php");
        var refreshId = setInterval(function load2(){
          $("#tfpromo").load("php/dataload.php");
        }, 4000);

        watch(refreshId, function(){
          alert("balance changed!");
        });
      });
    });

    </script>

watch.js is for detecting changes to JavaScript objects, not DOM elements. — Barmar
– Barmar, Commented May 20, 2019 at 22:11

Barmar · Accepted Answer · 2019-05-20 22:16:38Z

watch.js is for monitoring the value of JavaScript objects. So put the balance amount in an object, and update the object in the .load() callback.

    var watch = WatchJS.watch;
    var unwatch = WatchJS.unwatch;
    var callWatchers = WatchJS.callWatchers;
    $(document).ready(function () { 
        var balanceObj = {balance: 0};
        $("#tfpromo").load("php/dataload.php", function() {
            balanceObj.balance = $(this).text();
            watch(balanceObj, "balance", function() {
                alert("Balance changed!");
            });
        });
        var refreshId = setInterval(function load2(){
          $("#tfpromo").load("php/dataload.php", function() {
            balanceObj.balance = $(this).text();
          });
        }, 4000);

        watch(refreshId, function(){
          alert("balance changed!");
        });
      });
    });

Collectives™ on Stack Overflow

How can I check if a jQuery loaded PHP file changes and execute function if changed?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related