我有一个用于绘制图表的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>
元素即可。