JavaScript只在刷新后工作

JavaScript only works after refresh

本文关键字：工作 刷新 JavaScript      更新时间：2023-09-26

我有一个问题。我正在编写以下代码。其中有一个用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和它的相关形式

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

我也觉得Dmitry的答案是对的，如果不重新加载页面，你将如何获得你的实时数据?你可以按照他的建议使用AJAX，所以请继续阅读google上的AJAX

相关文章：