Javascript 如何在每次刷新时以新值递增以前的值_Javascript_Php_Jquery

Javascript 如何在每次刷新时以新值递增以前的值

javascript php jquery

Javascript 如何在每次刷新时以新值递增以前的值,javascript,php,jquery,Javascript,Php,Jquery,我想在网页刷新时用新值添加现有值。我有两个文件，分别是html和php文件。 php文件将显示一个介于10和100之间的随机数。html文件执行GETjQuery以从php脚本获取数据。然后在网页刷新后，现有值必须以新值递增。比如说, the first value on the webpage is 24. after refreshing the page, the new value is 89 from the php script the value on the webpage

我想在网页刷新时用新值添加现有值。我有两个文件，分别是html和php文件。 php文件将显示一个介于10和100之间的随机数。html文件执行GETjQuery以从php脚本获取数据。然后在网页刷新后，现有值必须以新值递增。比如说,

the first value on the webpage is 24.
after refreshing the page, the new value is 89 from the php script
the value on the webpage must be 113 (24+89).

我将向您展示下面的代码

showtottal.php

<?php


$random = rand(10,100);
echo $random;
?>

showtottal.html

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
 updateFromServer();
    var intervalID = window.setInterval(updateFromServer, 500);

    function updateFromServer() {
        $.get({
            url: 'showtotal.php',
            dataType: 'text',
            success: totalAttacks
        });
    }

    function totalAttacks(val) {
        $('#result').html('Events Today' + val);
    }
</script>
<h1 id="result"></h1>
</body>
</html>


updateFromServer（）；
var intervalID=window.setInterval（updateFromServer，500）；
函数updateFromServer（）{
美元({
url:'showtotal.php'，
数据类型：“文本”，
成功：全面攻击
});
}
函数totalAttacks（val）{
$（'#result'）.html（'Events Today'+val）；
}

我的代码在每次刷新中显示不同的值。如何用新值增加现有值？请帮帮我。谢谢

您可以使用或存储最新值。对于cookie，您可以通过PHP文件获得它，因此在Javascript文件中，您只需要调用PHP文件。

您可以将旧值放入PHP会话中，并在PHP端进行计算，如下所示：

<?php
session_start();
if(!isset($_SESSION['old_value']))
    $_SESSION['old_value'] = 0;
$random = $_SESSION['old_value'] + rand(10,100);
$_SESSION['old_value'] = $random;
echo $random;
?>

您可以将以前的值存储在隐藏字段中

function totalAttacks(val) {
    var pre_val = parseInt($('#prev').val());
    var new_val = pre_val+parseInt(val);
    $('#result').html('Events Today' + new_val);
    $('#prev').val(new_val);
}

还可以将其添加到html中

<input type="hidden" id="prev" value="0">

Use。您需要使用localstorage或SessionStorage存储该变量，也可以将其存储在url@Xufox，我认为php无法访问本地存储。参考此链接@Azhar，您不需要在服务器端保存值；客户端保存。你可以用JS访问cookie，这不容易，也不有趣，但可以做到。我知道，关键是他可以将所有逻辑移到PHP文件：）曾经用JS手动解析过cookie，哈哈，这是很有趣的。如果我想使用永久存储，也就是说，如果浏览器关闭和打开，该值将保留在那里。我需要使用哪个存储空间？？它不能是会话存储，因为如果浏览器关闭并open@AzharCookie或localstorage是您的选择，我将选择localstorage，因为它更容易检索您想要的数据。我相信这不会起作用，刷新浏览器后，将加载您的DOM值，而不是检索最后一个值。但是，关闭浏览器并打开时，值从0开始。如果我想使用永久存储，在这种情况下，您必须在数据库中保存值，关闭浏览器时会话将被删除。简单保存并从数据库中获取$_SESSION['old_value']如果我不想使用数据库，任何其他具有永久性功能的存储都可以将此数据不重要，因此可以将最新状态保存在文件中，每次读取和写入该文件时都可以使用SESSION