2016-01-19 28 views
0

我有一个用于绘制图表的javascript。我从我的MySQL基础中获取信息。我有3个不同的按钮来从数据库中获取不同的信息。做mysql后刷新图表(javascript)查询

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

有没有一种方法可以在我的页面刷新后显示信息?我实际上试图使用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让它加载后页面刷新?

回答

1

要停止页面重载,修改onclick功能是:

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

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

+0

是的工作。当我使用'php'时,我不需要'form'吗? – Bart88

+0

@ Bart88根本没有。这个表单只是一个HTML事物(除非你使用它作为一个动作,你不这么做)。你是否正在使用jQuery向'onclick'中的PHP发出实际的请求? –

+0

不,我使用'onclick'来做一些计算并在我的图表中设置信息。 – Bart88