AJAX加载PHP文件

Question

我是AJAX的新手，我有一个加载table.php的链接。 然后将代码写入index.php。 在该代码中，我还有另一个链接来显示info.php。 是否有可能做到这一点？

<!--This is index.php-->
<div id="link"><a href="info">my Info</a></div><!--it works here-->
<div id="link"><a href= "table">My Table</a></div>
<div id="table"></div>
<div id="info"></div>

<!--My javascript-->
<script type="text/javascript">
$(document).ready(function() {
    $('#link a').click(function(){
        var page = $(this).attr('href');
        if(page =='table')
            $('#table').load('table.php');
        else if(page =='info')
            $('#info').load('info.php');
        return false;
    })
});
</script>


<!--This is table.php-->
<div id="link"><a href="info">my Info</a></div><!--it doesn't works here-->

<!--This is info.php-->
<h1>My info</h1>

Answer 1

您的三个<div> （由@scragar指出）具有相同的id link ，最有可能导致此问题。 使它成为这样的类：

<div class="link">

在您的JS中：

$('.link a')

编辑：如dbf所述，您还必须使用live()或on()而不是click()声明处理程序：

$('.link a').live('click', function(){ ... });

为了在将table.php加载到页面中之后将其绑定。 （ http://api.jquery.com/live/ ）