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

要在不刷新页面的情况下选择时间并更新数据，你可以使用Ajax来实现。以下是一个简单的示例：

1. 在HTML页面中，创建一个选择时间的表单和一个用于显示数据的容器：

   
   <form id="timeForm">
   <label for="time">选择时间:</label>
   <input type="datetime-local" id="time" name="time">
   <button type="submit">提交</button>
   </form>

2. 使用JavaScript监听表单的提交事件，并使用Ajax发送请求：

   
   document.getElementById("timeForm").addEventListener("submit", function(event) {
   event.preventDefault(); // 阻止表单的默认提交行为

var formData = new FormData(this); var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { document.getElementById("dataContainer").innerHTML = xhr.responseText; } else { console.error("请求失败: " + xhr.status); } } };

xhr.open("POST", "update_data.php", true); xhr.send(formData); });

3. 在服务器端的PHP文件（例如update_data.php）中，接收时间参数并返回更新后的数据：
```php
$time = $_POST["time"];

// 根据时间查询数据并生成更新后的数据
// ...

// 返回更新后的数据
echo $updatedData;

这样，当用户选择时间并点击提交按钮时，表单数据将通过Ajax发送到服务器端的PHP文件，PHP文件将处理数据并返回更新后的数据，然后JavaScript将更新数据容器的内容，而不会刷新整个页面。