Javascript变量未从PHP更新

Question

如何在每次运行脚本时更新我的​​ javascript 函数中的变量？该变量抓取一个 PHP 字符串，然后它似乎将其存储起来，并且在页面刷新完成之前不会更新该值。

脚本：

setInterval(function () {
        var options = {
            useEasing : true, 
            useGrouping : true, 
            separator : ',', 
            decimal : '.', 
        };
        var value123 = <?php echo $amount22; ?>;
        var value234 = <?php echo $unpaidbtc; ?>;
        var demo = new CountUp("counter", value123, value234, 10, 1, options);
        demo.start();
      }, 5000);

基本上它会在页面中为我的 php 获取 $unpaidbtc 值。该脚本将每 5 秒运行一次，但它不会使用 php 拥有的新值进行更新，而是使用它获取的第一个值并且永远不会更新为新的 PHP 字符串。

有没有办法让脚本更新并自动从页面中重新抓取 PHP 脚本？

示例：$unpaidbtc = 10 开始，$unpaidbtc = 15 5 秒后，但计数器只上升到 10。如何在不刷新页面和内容的情况下获取新值，谢谢！

Answer 1

从 cmets 我想我明白你想要什么：

var ajax = new XMLHttpRequest();

function getValues(callback) {
    ajax.abort();

    ajax.open("GET", "index.php?showme=1", true);
    ajax.send();

    ajax.onreadystatechange = function() {
        if (ajax.readyState == 4 && ajax.status == 200)
            callback(JSON.parse(ajax.responseText));
    };
}

setInterval(function() {
    var options = {
        useEasing: true,
          useGrouping: true,
          separator: ',',
          decimal: '.',
    };

    getValues(function(obj) {
        var value123 = obj.amount22;
        var value234 = obj.unpaidbtc;
        var demo = new CountUp("counter", value123, value234, 10, 1, options);
        demo.start();
    });

}, 5000);

你可以只使用一个 PHP 页面，假设它被称为index.php：

<?php

//do your database calls to get $amount22 and $unpaidbtc

if (isset($_GET['showme'])) {

    echo json_encode(array(
        'amount22'  => $amount22,
        'unpaidbtc' => $unpaidbtc
    ));
    exit;
}

//the rest of your page (with the html/javascript)

注意，如果你的页面不是叫index.php，你需要改变这一行：

ajax.open("GET", "index.php?showme=1", true);