Javascript 从不同页面上的链接加载AJAX内容

我想创建一个链接，我们称之为“周一的日程安排”。当您单击该链接时，它将加载“Schedule”页面，“ajaxoutput”div将预先填充“view\u games\u monday.php”，如下面的函数所示

目前，与以下功能相关的链接位于“Schedule”页面上，该页面与“ajaxoutput”div相同

---

根据我们的评论讨论，以下是基于我对您的需求的理解而提出的建议

您只需要一个页面，

index.php

。这是非常基本的，但传达了一点：

<?php

$scheduleDay = (isset($_GET['day']) ? $_GET['day'] : 'monday');

if( $scheduleDay == "monday" ){
   print 'stuff for monday goes here';
}
else if( $scheduleDay == "tuesday" ){
   print 'stuff for tuesday goes here';
}

---

我不明白为什么每件事都在不同的页面上，我也不完全清楚哪个部分不起作用。如果一个页面需要有条件地加载内容，通常需要对服务器进行ajax调用，确定需要加载哪些内容，然后返回。您可以使用响应html来填充div。但是请记住，ajax不会跨域工作，以防您尝试这样做。因此，我有一个单独的时间表页面显示游戏，该页面上有一周中每一天（周一、周二、周三等）的链接，这些链接允许您按天筛选游戏。在主导航菜单（显示在网站的所有页面上）中，也有“星期一的日程安排”、“星期二的日程安排”等链接。因此，如果您所在的页面不是日程安排，当您单击上面的主导航菜单链接之一时，我试图让它加载日程页面，默认情况下，该页面已经加载了当天的相应游戏。我建议不要使用多个页面。如果仍然使用javascript，则可以将所有信息打印到单个页面，隐藏不需要的内容，然后在需要时使用javascript切换不同的div。它节省了用户等待其他http请求的时间。如果需要，请查看任何基于javascript的选项卡或滑块内容系统的示例。在编辑之前，我已经发表了评论。在这种情况下，让其他链接将一个值传递给schedule页面，如/schedule？day=monday我感谢您的回复。我已经在每个链接中传递了这些值，但不确定下一步要去哪里。当然，我通过PHP理解这种方法。我本来打算同时使用这两种技术并保留AJAX，但我想我现在要放弃这个想法，只使用PHP。谢谢你的帮助。根据你的描述，我认为不需要ajax。PHP在有条件地显示内容方面非常有效，但即使您希望在有人单击链接时避免页面刷新，使用javascript显示页面上已经隐藏的内容也会更容易。AJAX需要一个http请求和服务器上的某种侦听器来响应—这是您不需要的额外工作。使用隐藏元素的有条件javascript将非常快-最好的用户体验。
document.getElementById('schedule_monday').onclick = function()
    {
        location = "http://mydomain.com/schedule";
        this.document.location.href = location;
        window.onload = callPage('http://mydomain.com/view_games_monday.php',document.getElementById("ajaxoutput"));
    }

<?php

$scheduleDay = (isset($_GET['day']) ? $_GET['day'] : 'monday');

if( $scheduleDay == "monday" ){
   print 'stuff for monday goes here';
}
else if( $scheduleDay == "tuesday" ){
   print 'stuff for tuesday goes here';
}