Question

我在链接点击时调用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);
            });
        });
    });

另一页：（gallery-pics-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 } ?>

Answer 1

您需要使用html()方法将检索到的数据添加到页面中，否则会进行编码。试试这个：

$('p#myid').html(data);

Answer 2

请改用$('p#myid').html(data) 它应该工作

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

2 个答案: