Question

我正在使用Google Charts显示折线图，该折线图从PHP服务获取数据，该服务根据输入的日期运行查询。查询有效并且它正在获取数据但是当我试图将我的日期传递到网址并使用数据返回图表时，我似乎无法将我的大脑包围在如何只是“刷新”图表而不离开该页面，因为当我提交我的表格或“日期字段”它只是去服务网址....这是我正在经历的。

这是我在实际显示图表的索引页面上包含的内容：

  function drawChart() {
      var jsonData1 = $.ajax({
          url: "http://helpdesk/reporting/interface/charts/services/ticketsopenedclosed.php?startDate=<?php print $startDate = $_GET['startDate'] ?>&endDate=<?php print $endDate = $GET_['endDate'] ?>",
          dataType:"json",
          async: false
          }).responseText;

这是我实际拥有表单的地方（我想用表格中的数据刷新图表的同一页面！）

<div><form action="charts/ticketsopenedclosedchart.php" method="get"><div class="well">
            <input type="text" class="span2" value="startDate" data-date-format="yyyy-mm-dd" id="dp2" name="startDate">
            <input type="text" class="span2" value="endDate" data-date-format="yyyy-mm-dd" id="dp3" name="endDate">
          <button type="submit" class="btn btn-default">Refresh Data</button></div></form>
     <div class="container">
       <div class="row">
    </div>
</div>

   </div>
    <?php require("charts/ticketsopenedclosedchart.php")?>
    <div id="ticketsCreated"></div>

所以有了这个，当我点击提交按钮时，它会点击该网址并提供服务的日期和数据。但是我想用这些数据刷新我的图表而不是让用户接受它。

Answer 1

这是因为当您提交表单时，浏览器将原生地转到action属性中指定的URL。要解决此问题，您需要在按钮上使用onClick处理程序。

这样的事情：

awk '/^ *$/ || !a[$0]++' fileA fileB > tmp.txt && mv tmp.txt fileA

然后是JS：

<button type="submit" class="btn btn-default" onClick="handleRefresh">Refresh Data</button>

在PHP和刷新页面中从URL获取日期

1 个答案: