将Div内容替换为href单击的结果

时间:2015-06-14 19:40:29

标签: php ajax

完成新手但学习!

我有一个php文件显示我的菜单,

<li><a href="printers3.php" class="ajaxLink" name="Printer area" title="Printers3">Printers3</a></li>

我想在稍后的div id =“MiddleColumnWrapper”中的代码中包含printers3.php的输出(最后一行是echo $ table;)

我已将以下代码放入我的脑袋

<script>
$( function() {
    $( ".ajaxLink" ).on( "click", function() {
        var ajaxUrl = $( this ).attr( "href" );
        $.get({
            ajaxUrl,
            function( response ) {
                $( "#MiddleColumnWrapper" ) .html( response );
            }
        });
    }
}
</script>

但此刻我只是在新窗口中得到$ table的结果。 我错过了什么或者没有在正确的轨道上? 感谢

链接脚本的顶部代码位

<script>
$( function() {
    $( ".ajaxLink" ).on( "click", function() {
        $.get({
            url : 'printers3.php',
            function( response ) {
                $( "#MiddleColumnWrapper" ) .html( response );
            }
        });
    }
}
</script>
</head>
<body>
<div id="SiteWrapper">
<?php
    /* Output the header */
    include 'includes/header.php';
?> 

<div id="MiddleColumnWrapper">
<p>Middle column</p>
</div>

0 个答案:

没有答案