2012-04-15 113 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