在执行mysql查询后刷新图表(javascript)


Refresh chart(javascript) after doing mysql Query

我有一个用于绘制图表的javascript。我从我的MySQL数据库中获取我的信息。我有 3 个不同的按钮来从数据库中获取不同的信息。

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

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

在 php 中,我使用以下代码从我的 MySQL 数据库获取信息:

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 让它在页面刷新后加载?

要停止页面重新加载,请将onclick函数修改为:

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

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