Necesito imprimir una plantilla (targeta con informacion en este caso) en el index.php, en tiempo real, con ajax. Pero estas targetas contienen un fragmento de codigo que corresponde a php, y al momento de ver los resultados, no imprime el codigo en php pero el resto si.
Aqui esta el codigo que esta escrito en un archivo javascript (app.js)
fetchx();
function fetchx(){
$.ajax({
url:'x.php',
type: 'GET',
success: function(response){
let x = JSON.parse(response);
let template = '';
x.forEach(x => {
template+= `
<div class="targeta" id="${x.id}">
<div class="encabezado2">
<a href="${x.archivo}" target="_blank">
<h2 id="titulo">${x.titulo} </h2>
</a>
</div>
<div class="recomendar-box">
<h1 class="recomendadot">Me sirvio</h1>
<?php
if (isset($_SESSION['user_id'])){
$verificar = mysqli_query($conn, "SELECT * FROM $email WHERE id=".${x.id}."");
}
if(isset($verificar)):
if (mysqli_num_rows($verificar) == 1):
?>
<a class="unlike-btn" data-id="${x.id}"> <img class="unlike" src="unrecomendar.png"></a>
<a class="like-btn hide" data-id="${x.id}"> <img class="like" src="recomendar.png"></a>
<?php else:?>
<a class="like-btn" data-id="${x.id}"> <img class="like" src="recomendar.png"></a>
<a class="unlike-btn hide" data-id="${x.id}"> <img class="unlike" src="unrecomendar.png"></a>
<?php endif ?>
<?php elseif(!isset($verificar)):
?>
<a onclick="redirigir(); "> <img class="like" src="recomendar.png"></a>
<?php endif ?>
</div>
</div>
`
});
$('#targetas').html(template);
}
});
}
este codigo se imprime directamente en el div targetas, pero como bien nombre, el codigo php (ya sean funciones o condiciones) no efectua en este.
x.php
y devolver directamente el HTML final.