JavaScript只在刷新后工作

我有个问题。我正在编写以下代码。其中有一个用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);

卡托昂

迪涅罗

Resultado:

var preco=；
var pagamento=document.getElementById（“cholerie”）.value；
var troco=编号（preco）+编号（pagamento）；
函数计算（）{
document.getElementById（“resultado”）.innerHTML=troco；
}

mysqli_close（$conn）；

---

我认为问题在于javascript及其相关表单。

php只在重新加载页面时运行。如果需要在不重新加载的情况下更新页面，则需要使用ajax向php页面发送异步查询并更新数据。

php仅在重新加载页面时运行。如果需要在不重新加载的情况下更新页面，则需要使用ajax向php页面发送异步查询并更新数据。

我也认为Dmitry的回答是正确的，如何在不重新加载页面的情况下获取实时数据？正如他所建议的那样，你可以使用AJAX，所以继续在google上阅读AJAX吧

我也觉得Dmitry的答案是正确的，你如何在不重新加载页面的情况下获取实时数据？正如他所建议的，您可以使用AJAX，所以请继续在google上阅读AJAX