Question

我有一个问题。我正在处理以下代码。其中，有一个用JavaScript制作的计算器功能。我还没有得到jQuery。它可以工作，但只有当我刷新页面时它才会这样做。该页面是.php文件。我不知道它是否与这个或者页面中存在php或数据库查询的事实有关，或者实际上是什么。

页面按以下方式组织：

<div> 

<div> 

<?php -> catch $_POST values from another page -> some database query(select->echo selected item->turn item into $var) ?> 

    <div style="background: white; box-shadow: 1px 1px 2px; width: 200px; padding: 10px; float: right; margin-top: -125px; margin-right: -10px; height: 150px;">    

    <input type="radio" name="opcao" id="opCart" >Cartão<br>
    <input type="radio" name="opcao" id="opDin">Dinheiro<br>

    <input type="text" id="cholerie" style="width: 70px;" required> 
    <input type="submit" id="calcular" onclick="calcula()" value="calcular"> Resultado: <p id="resultado"></p>
</div>

    <script>
         var preco = <?php echo $array[preco]; ?> ;
         var pagamento = document.getElementById("cholerie").value;
         var troco = Number(preco) + Number(pagamento);
         function calcula(){
            document.getElementById("resultado").innerHTML = troco;
         }
    </script>

< some form to catch $_POST values from the database query >

<div> </div>
mysqli_close($conn);

我认为问题是javascript及其相关形式。

Answer 1

php仅在您重新加载页面时运行。如果你需要更新页面而不重新加载，你需要使用ajax将异步查询发送到php页面并更新你的数据。

Answer 2

我也觉得德米特里的回答是对的，如何在不重新加载页面的情况下获取实时数据？你可以按照他的建议使用AJAX，所以请继续阅读google上的AJAX

JavaScript仅在刷新后有效

2 个答案: