Question

Amigos.Tengo este codigo HTML con un evento onclic el cual recibe un valor mediante PHP:

onclick="viewcomments(<?php echo $posts_filas["Id_post"];?>)"

Y tengo esta este codigo JavaScript(Ajax) plano:

  function viewcomments(){

 Modal.alert("");

  }

    document.addEventListener("DOMContentLoaded", () => {
    document.querySelector(".comentarPosts").addEventListener("click",  () => {
        let xhr = new XMLHttpRequest();
        xhr.open("POST", "comentarios.php"); // No utilices el tercer parámetro, está deprecado
        xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        xhr.onreadystatechange = () => {
            if (xhr.readyState === 4) {
                if (xhr.status <= 299 && xhr.status >= 200) {
                    document.getElementById("modal-message").innerHTML = xhr.responseText;
                } else {
                    alert("Error al conectar con la API");
                }
           }
        };
        const comentarPost = document.querySelector(".comentarPosts");
        xhr.send(`idPost=${comentarPost.getAttribute("data-id")}`);
    });
});

¿Cómo paso ese parámetro o valor hacia este código Ajax y usarlo para hacer una petición al servidor?