在同一页的div中显示日历事件

Question

你好，我刚开始使用jquery，我正在制作事件日历，我已经完成了日历模块。当我单击日期时，它会转到events.php页面并显示当天的事件。但是我想用div标记相同的页面调用(index.php)来显示当天的事件。当我单击日期链接时，我将查询字符串传递到events.php页面，并获得当天的事件，因此我需要将查询字符串传递给events.php页面，并在div标记中获取事件，而不是转到events.php页面。

这是我的代码

<td bgcolor="green" style="color:#FFFFFF">
    <a href='events.php?id=<?php echo $actualDay;?>&year=<?php echo $cYear?>&month=<?php echo $cMonth?>'><?php echo($actualDay);?></a>
</td>

我希望使用jquery将链接结果显示在div中。

Answer 1

如果我正确理解了这个问题..。您想要在同一个页面上调用没有redircts的events.php吗？检查jQuery 阿贾克斯

更新

不需要成为一种形式。可以加载onReady或只有href链接。不管你喜欢什么

$(document).ready(function(){
//when you submit the form
$(".submitbutton").click(function() {  
var name = "bob";
  $.ajax({
    url:"events.php",
    type:"POST",
    data:"name="+name+"&email=<?php echo $email; ?>"....... ,
    success:function(response){
      //work with the response from echo in events.php
      alert(response);
    }
  });

});

}); //end of (ready)

编辑

HTML

<a href="#" id="yourid" class="link">the link</a>

jQuery

//catches all clicks with class link
$(".link").click(function() { 
     //the ajax function

Answer 2

您必须执行一个AJAX请求来检索特定事件的数据，并用从调用检索的数据填充隐藏的div。

为了完成上述操作，您必须创建一个空，正确地对其进行样式设置，并将其隐藏。然后，您需要创建某种请求处理程序页，它应该包含与events.php页面相同的逻辑，但它不会显示详细信息，而是只返回JSON 或XML 格式的数据。返回的数据将在日历页面上使用javascript\jquery进行解析，并填充到隐藏的div中，在完成上述过程时将显示该数据。

您需要研究以下内容并学习使用以下内容：

$.ajax()

这也是上述情况的一个完整例子：

示例

这可能适合你的情况。

注意:您可能还需要这样做：

$.parseJSON()