Estoy creando un foro. Este es el código HTML.En el atributo data-id con PHP imprimo el id de cada post:
<a href="javascript:void(0)" onclick="jaja()" class="comentarPosts" data-id=<?php echo
$posts_filas["Id_post"]; ?>><img src="img/message1.png"><span>25</span></a>
Tengo este código Ajax(JQuery),el cual quiero pasar a JS plano. Lo que busco es pasar el valor de data-id. Este código me funciona, pero quiero dejar de usar Jquery y usar JS plano.
$(document).ready(function(){
$(document).on("click", ".comentarPosts", function () {
var Id = $(this).data('id');
$('#obtenerIdPost').val( Id );
var datos = 'idPost='+ Id ;
$.ajax({
type:'POST',
url:'comentarios.php',
data:datos,
success:function(result){
$("#div1").html(result);
}
});
});
});
Este es el código Ajax con JS plano.
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("modal-message").innerHTML = this.responseText;
}
};
xhttp.open("POST", "comentarios.php", true);
xhttp.send();
}
Este es el código del archivo comentario.php:
<?php
include('conexion.php');
$id_post = $_POST['idPost'];
$query_buscar_posts = mysqli_query($conn, "
SELECT
comentarios.id_usuario,
comentarios.contenido,
personas.nombre,
personas.apellido,
personas.Fotos
FROM personas
LEFT JOIN comentarios
ON personas.Id = comentarios.id_usuario
WHERE id_post = $id_post") or die('Error: ' . mysqli_error($conn));
while ($posts_filas = mysqli_fetch_array($query_buscar_posts)) {
# code...
$Id = $posts_filas['id_usuario'];
$contenido2 = $posts_filas['contenido'];
if (mysqli_num_rows($query_buscar_posts) >0) { ?>
<div class="wr_imnnacom">
<div class="wr_img">
<a href="#"><img style="width: 35px;height: 35px;" src='<?php echo
$posts_filas['Fotos']; ?>' ></a>
</div>
<div class="wr_nm_comm">
<div class="wr_comm_usrpc">
<a href="user.php">
<h5><?php echo $posts_filas['nombre'] . ' ' .
$posts_filas['apellido']; ?></h5>
</a>
</div>
<div class="wr_comm_comm">
<p class="aaaa"><?php echo $posts_filas['id_usuario'] . ' ' .
$posts_filas['contenido']; ?></p>
</div>
</div>
<div class="opt_this_comm">
<a href="#">comentar</a>
</div>
</div>
<?php
}
else {
echo "nada";
}
}
?>