gpt4 book ai didi

php - jquery datepicker刷新页面数据

转载 作者:行者123 更新时间:2023-11-29 13:42:26 27 4
gpt4 key购买 nike

这是一个双重问题。当日期选择器更改时,如何更新页面上的数据(无需重新加载页面)?另外,如何将所选日期传递给 sql 语句中的 dtpickerdate?这是我的示例代码

<html>
<head>
<link href="../css/jquery/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/jquery-ui.js"></script>
</head>
<body>
<?php include("../navbar.php"); ?>
<p>Date: <input type="text" id="datepicker" value="<?php echo date("m/d/Y"); ?>" /></p>
<script type="text/javascript">
$(function() {
$("#datepicker").datepicker();
});
</script>
<table>
<?php

$sqltext = "SELECT * FROM data where startdate=dtpickerdate";

$result = $mysqli->query($sqltext);
while($row = $result->fetch_assoc()) {
echo "<tr><td>".$key."</td>";
echo "<td>".$row['sun']."</td><td>".$row['mon']."</td><td>".$row['tues']."</td><td>".$row['wed']."</td><td>".
$row['thurs']."</td><td>".$row['fri']."</td><td>&nbsp".$row['sat']."</td>";

}}
?>
</table>
</body>
</html>

最佳答案

您需要 AJAX,首先使用查询函数创建一个新的 php 文件,该文件将接收带有日期选择器值的 $_POST 参数:

getData.php

<?php 
$dtpickerdate = isset($_POST['dtpickerdate']) ? $_POST['dtpickerdate'] : NULL
$sqltext = "SELECT * FROM data where startdate = $dtpickerdate";

$result = $mysqli->query($sqltext);
while($row = $result->fetch_assoc()) {
echo "<tr><td>".$key."</td>";
echo "<td>".$row['sun']."</td><td>".$row['mon']."</td><td>".$row['tues']."</td> <td>".$row['wed']."</td><td>".$row['thurs']."</td><td>".$row['fri']."</td><td>&nbsp".$row['sat']."</td>";
}
?>

现在,您监听输入上的更改事件,并使用 AJAX 调用 PHP,当调用完成时,您将更新表:

$('#datepicker').change(function(){
$.post('getData.php',{dtpickerdate : $(this).val()}, function(response){
$('table').html(response);
});
});

关于php - jquery datepicker刷新页面数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17903681/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com