在同一页面上的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

如果我正确理解了问题..您要在同一页面上调用events.php而不进行任何修订吗？ 检查jQuery ajax

UPDATE

不需要是表单。可以加载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 。

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

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

$ .ajax（）

这也是上面的完整示例：

例

这可能适合您的情况。

注意：您可能还需要：

$ .parseJSON（）