php 选择时间不跳转刷新数据解决方法

php 选择时间不跳转刷新数据
各位大神，我简单描述下我的问题

我在当前页面想做两个日期选择器。然后当选择完了日期之后，页面能不跳转刷新表格中的数据。

我知道可以用ajax做。但是我第一次接触php web 所以不太清楚，所以各位在解答的时候尽量详细点。

我先上一下我的页面。

这是还没有加日期选择器的效果图。

我的代码里是这么写的。（因为我代码里现在的时间是写死了。所以肯定要通过选择好的日期，传递值到我这条sql语句里）不知道该如何做。
$top $end 分别是选择器选好的时间。 $data是我的表

<br />$djvhj=mysql_query("select sum(单机率) FROM $data where 日期 between '$top' and '$end'",$connone);<br />

求各位大神给指教！