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

<强>更新

不需要是一个表单..可以加载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页面相同的逻辑，但不是显示详细信息，而是只返回 {{ 3}}或XML格式。返回的数据将在您的日历页面上使用javascript \ jquery进行解析，并填入您隐藏的div中，完成上述步骤后将显示该div。

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

JSON

这也是上述的完整例子：

$.ajax()

可能适合您的情况。

注意：您可能还需要：

Example

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

2 个答案: