JQuery Datepicker - 将选定的日期发送到新页面，将其用作 php 变量

Question

编辑

我把 URL 后面的日期放到目标站点上。另一方面，我使用 $_GET['val'] 来获取价值。但这太老套了，我希望看到更安全的解决方案。但现在它可以工作了。

---

我正在努力实现的目标

第 1 页： 显示一个日期选择器。用户单击日期并被定向到“第 2 页”。

第 2 页： 显示之前选择的日期。

有什么问题？ 如何将所选日期发送到新页面（以便我可以将日期存储在 php 变量中）。我还想在选择日期后自动将用户引导到新页面。

---

这是我目前得到的：

index.php（包含日期选择器）

$( function() {
    $( "#datepicker" ).datepicker({
        onSelect: function(dateText, inst) {                    
            var date = $('#datepicker').val();  
            alert(date);
            $.post('getdate.php', {'val': dateText});
        }
    });
}); 

getdate.php

<?php
  $value = $_POST['val'];
  echo "I got your value! $val";
?>

警报显示所选日期，因此变量包含日期。但我无法得到它，所以将它发送到我的下一页。

感谢您的帮助！

Answer 1

您正在发布 dateText...尝试发布日期，例如：

$.post('getdate.php', {'val': date});

Answer 2

您有很多选择可以让它发挥作用。以下是其中三个：

1) 将所选日期作为查询参数发送到第 2 页：

$( function() {
    $( "#datepicker" ).datepicker({
        onSelect: function(dateText, inst) {                    
            var date = $('#datepicker').val();  
            window.location.href = 'page2.php?date=' + date;
        }
    });
}); 

2) 将您的日期选择器放入一个表单并在选择日期后提交。

3) 将会话中的日期存储在 getdate.php 文件中：

if (!empty($_POST['val'])) {
    session_start();
    $_SESSION['current_date'] = $_POST['val'];
}

...并检查您的第二页：

//page2.php
session_start();
if (!isset($_SESSION['current_date'])) {
    header('Location:index.php'); //redirect to first page if date not set
}

$selectedDate = $_SESSION['current_date'];
....

选择更适合您问题的那个。

Answer 3

您的脚本正在将日期发送到脚本getdate.php。但是您在浏览器中看不到它，因为您的 ajax 帖子不会将用户发送到该页面。为此，您需要将脚本定向到该页面，一种方法是使用表单：

index.php 也应该有一个表单：

<form id="hiddenfrm" action="getdate.php" method="post">
    <input type="hidden" name="val" id="val" />
</forms>


<script>
$( function() {
    $( "#datepicker" ).datepicker({
        onSelect: function(dateText, inst) {                    
            var date = $('#datepicker').val();  
            $('#val').val(date);
            $('hiddenfrm').submit();
        }
    });
}); 
</script>

Answer 4

它也可能像 val 参数在引号中一样简单，我认为不应该这样。

$.post('getdate.php', {val: date});