Question

我有一个用于绘制图表的JavaScript。我从我的MySQL基础中获取了我的信息。我有3个不同的按钮，可以从数据库中获取不同的信息。

我现在的问题是，我从我的数据库中获取信息，它在图表中显示它，但是当它显示信息时它会刷新页面。

刷新页面后有没有办法显示信息？我实际上试图使用window.onload，但这并没有给我想要的结果。

在php中我使用以下代码从MySQL DB获取信息：

if(isset($_POST['btnProduct']))
{   
  ....
}

在html中就像这样：

<div class="content">
        <form action="" method="post" enctype="multipart/form-data">
            <input type="submit" name="btnProduct" id="btnFilterProduct">
        </form>
</div>

在JS中我使用这段代码：

<script type="text/javascript"> 
    window.onload = function()
    {   
        document.getElementById('btnFilterProduct').onclick = function()
        {
         ....
        }
    }

我知道PHP需要刷新才能获取数据。和Javascript没有。但我可以改变订单吗？或者有没有办法改变我的JS，让它在页面刷新后加载？

Answer 1

要停止重新加载页面，请将onclick功能修改为：

document.getElementById('btnFilterProduct').onclick = function(event) {
  event.preventDefault();
  ...
}

event.preventDefault会停止事件的默认行为，在这种情况下，由于您有一个空的action，因此会刷新页面。另一种选择是不使用form。只需使用<button>元素。

执行mysql查询

1 个答案: