HTML 代码不适用于 jquery 调用，而是输出 HTML 代码

我在链接单击时调用jQuery函数，该函数使用post()方法调用另一个页面。 我希望看到来自其他页面的呈现的 html 结果，但它向我显示了另一个页面的 html 代码。

$(document).ready(function(){
    $('a.thumbnail').click(function(){
        $("div.albums").hide();
        $("div.pics").show();
        var albumid = $(this).siblings('input[name=albumid]').val();
            $.post("gallery-pics-temp.php", { albumid: albumid }, function(data) { 
                $('p#myid').text(data);
            });
        });
    });

另一页：（图库-图片-temp.php）

<?php 
    if (isset($_POST['albumid'])) {
        echo $_POST['albumid']; //just for checking if albumid is correct
        $openalbumid = $_POST['albumid'];
        include "config.php";
        //$openalbumid = $_GET['albumid'];
        $querypics = $con->prepare("select * from images where img_albumid='$openalbumid'");
        $querypics->execute();
        $resultpics = $querypics->fetchAll();
        $queryaname = $con->prepare("select * from albums where album_id='$openalbumid'");
        $queryaname->execute();
        $resultaname = $queryaname->fetch();
        $aname = $resultaname['album_name']; 
    ?>
    <div class="pics">
        <a href="/" style="float:left;line-height:50px;color:#fff;"> <<< Back </a>
        <h2 align="center" style="color:#fff;"><?php echo $aname; ?></h2>
        <hr />
        <?php foreach ($resultpics as $row1){ ?>
            <div class="col-md-2">
                <a href="#" class="thumbnail" onclick="showImg(<?php echo $row1['img_id']; ?>)">
                    <img src="<?php echo $row1['img_path'];?>/<?php echo $row1['img_id']; ?>.jpg" alt="Pulpit Rock" style="width:200px;height:150px;">  
                </a>
            </div>  
        <?php } ?>
    </div>
<?php } ?>