Я вызываю функцию 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 } ?>
Вам нужно использовать метод html() чтобы добавить извлеченные данные на страницу, иначе он будет закодирован. Попробуй это:
$('p#myid').html(data);
Используйте $('p#myid').html(data) вместо этого Он должен работать