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

我想创建一个链接，我们称之为“星期一的时间表”。当您点击该链接时，它将加载“Schedule”页面，并且“ajaxoutput”div将预先填入“view_games_monday.php”，如下面的功能所示。从不同页面的链接加载AJAX内容

目前，与以下功能有关的链接位于“Schedule”页面上，该页面是具有“ajaxoutput”div的SAME页面。

document.getElementById('games_monday').onclick = function() 
{ 
    callPage('view_games_monday.php',document.getElementById("ajaxoutput")); 
} 


<a href="#" id="games_monday">monday</a> 

<div id="ajaxoutput"> 
</div>

所以，我怎么能设置的“周一的时间表”链接与“view_games_monday.php”预填充在“ajaxoutput” div的，加载了“时间表”页面？我的问题是“星期一的时间表”链接不在“时间表”页面上。

对不起，所有的引号只是想澄清。

谢谢你的帮助。

我已经试过以下，并能得到附表页面加载但不是正确的AJAX输出：

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")); 
    }

来源

2013-03-28 cpcdev

我不明白为什么一切都在不同的页面上，我不完全清楚哪个部分不工作。如果一个页面需要有条件地加载内容，则通常会对服务器进行ajax调用，确定需要加载哪些内容，然后将其返回。你可以使用响应html来填充div。但是请记住，ajax不会跨域使用，以防万一您正在尝试。 – helion3

因此，我有一个显示游戏的计划页面，并且在该页面上有一周的每一天（周一，周二，周三等）的链接，并且这些链接允许您在当天过滤游戏。在主导航菜单（出现在网站的所有页面上）中，还有链接“星期一的日程安排”，“星期二的日程安排”等等，所以如果您在日程安排以外的其他页面上，点击其中一个主要导航菜单链接上面，我试图让它加载与默认情况下已加载相应的游戏的日程表页面已加载。 – cpcdev

我建议不要使用多个页面。如果您使用JavaScript，则可以将所有信息打印到单个页面，隐藏您不需要的内容，然后在需要时使用javascript切换不同的div。它可以节省用户等待额外的http请求。如果需要，请查看任何基于JavaScript的选项卡或滑块内容系统。 – helion3

根据我们的意见的讨论，这里是基于我的你理解我的建议想。

您只需要一页，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'; 
}

然后，在你的导航菜单，只需使用：index.php?day=tuesday等

当PHP文件中检测当日，将打印相应信息。甚至没有JavaScript的需要。

您可以像我之前提到的那样让它更有趣，并将所有日程表打印到页面上，并使用javascript来显示一天，但我认为这个例子就是您要找的。

来源

2013-03-29 01:55:05 helion3

当然，我通过PHP了解这种方法。我原本打算使用两者并保留AJAX，但我想我现在要抛弃这个想法，并且只使用PHP。谢谢你的帮助。 – cpcdev

从你描述的我认为ajax是不需要的。 PHP对于有条件地显示内容很有效，但即使您想要避免在有人点击链接时进行页面刷新，使用JavaScript显示已经隐藏在页面上的内容也会更容易。 AJAX需要一个http请求和服务器上的某种监听器来响应 - 这是你不需要的额外工作。使用隐藏元素的条件JavaScript会非常快 - 最好的用户体验。 – helion3

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

回答

相关问题