2012-04-15 105 views
3

我正在爲我的uni最後一年的項目創建一個網站,並且我遇到了一個看似很小的事情的實際問題。jquery ajax php需要幫助

我使用php來創建一個論壇表與動態鏈接,下面的代碼;

<td bgcolor="#FFFFFF"><? echo $rows['id']; ?></td> 
<td bgcolor="#FFFFFF"><a id="viewTopic.php?id=<? echo $rows['id']; ?>" href="viewTopic.php?id=<? echo $rows['id']; ?>"><? echo $rows['topic']; ?></a><BR></td> 

我想使用jquery從上面的表中打開鏈接在div ajax風格。我已經使用這段代碼成功完成了其他鏈接;

$("#forum").click(function(){ 

     $("#subConList").html(loadAni).load('mainForum.php');  
    }); 

我沒有線索如何做到這一點,因爲在錶鏈接的href中使用php。花了幾個小時試圖解決這個問題。任何幫助建議將不勝感激。

感謝

我改變了標籤按鈕,如下圖所示

<button id="topic<? echo $rows['id']; ?>" href="viewTopic.php?id=<? echo $rows['id']; ?>"><? echo $rows['topic']; ?></button> 

這是我用來嘗試加載內容的#subConList事業部jquery的。

$(document).ready(function(){ 
$("#topic<?php echo $rows['id']; ?>").click(function(){ 

     $("#subConList").html(loadAni).load('viewTopic.php?id=<?php echo $rows['id']; ?>');  
    }); 
}); 

回答

4

你也可以使用jQuery的post功能:

$("#forum").click(function(e){ 
e.preventDefault(); //Just to prevent page refreshing on link click 
$.post('viewTopic.php', { id : 45 } function(data) { 

    $("#subConList").html(data); 
}); 
} 
+0

感謝您的回覆,我會研究這種方法。 – Ciaran 2012-04-15 06:11:34

3

你的意思是這樣的:


$(document).ready(function() { 
    $("a").click(function(e) { 
    e.preventDefault(); 
    $("#yourContainerDivId").load($(this).attr("href")); 
    }); 
}); 
+0

感謝我忘了添加$(文件)。就緒(函數( ){ – Ciaran 2012-04-15 06:12:05

+0

如果它按照你想要的方式工作,你可以將答案標記爲已接受 – 2012-04-15 06:13:13