JavaScript 仅在刷新后有效答案

【问题标题】：JavaScript only works after refreshJavaScript 仅在刷新后有效
【发布时间】：2017-01-03 19:34:45
【问题描述】：

我有一个问题。我正在处理以下代码。在其中，有一个用 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 及其相关形式。

【问题讨论】：

标签： javascript forms refresh

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：