在同一頁面上的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（）