使用 jQuery AJAX 浏览 PHP 日历月份

Question

我正在使用 David Walsh 的日历 功能在 WordPress 主题中创建事件日历。我想使用 AJAX 在月份之间移动，但我不熟悉并且在发布和获取月份和年份变量时遇到问题。我正在参考这个 AJAX 视频教程。

在页面模板的顶部，我有这个函数：

    function swapContent(month,year) {
        jQuery("#calendar").html("<img src='images/ajax-loader.gif'>").show();
        var url="calendar.php";
        jQuery.post(url, {contentVar: month, year}, function(data){
            jQuery("#calendar").html(data).show();
        });
    }

在 calendar.php 中：

    $month = (int) ($_GET['month'] ? $_GET['month'] : date('m'));
    $year = (int)  ($_GET['year'] ? $_GET['year'] : date('Y'));

    $contentVar = $_POST['month']['year'];

我的上一个/下个月控件如下所示：

$previous_month_link = '上个月';

我的所有 calendar.php 文件都在这里：

致谢，非常感谢任何帮助。

Answer 1

您似乎没有正确设置月份和年份。您将“月”和“年”作为字符串传递，然后没有将它们设置为传递到 PHP 脚本的正确参数名称。试试这个：

function swapContent(monthVal,yearVal) {
    jQuery("#calendar").html("<img src='images/ajax-loader.gif'>").show();
    var url="calendar.php";
    jQuery.post(url, {month: monthVal, year: yearVal}, function(data){
        jQuery("#calendar").html(data).show();
    });
    return false;
}

然后在你的 PHP 中：

$monthVal = ($month != 1 ? $month - 1 : 12);
$yearVal = ($month != 1 ? $year : $year - 1);

$previous_month_link = '<a href="?month='.$monthVal.'&year='.$yearVal .'" class="control" onClick="swapContent("'.$monthVal.'","'.$yearVal.'");">Previous Month</a>';

我不会使用 onmousedown ，而是只在 onclick 中使用该函数，只需确保它在我的函数末尾返回 false 即可已包括在内。

我不确定您的 PHP 脚本中如何使用月份、年份和 contentVar，因此以下是一个假设，但看起来您只需要以下内容：

$month = (int) ($_POST['month'] ? $_POST['month']
                                : ($_GET['month'] ? $_GET['month'] 
                                                  : date('m')));

$year= (int) ($_POST['year'] ? $_POST['year']
                               : ($_GET['year'] ? $_GET['year'] 
                                                  : date('Y')));

然后相应地使用这些变量来获取数据？