Estoy tratando de publicar datos de formulario a través de una llamada POST AJAX en JavaScript para un sistema de chat que estoy creando, ¿por qué no funciona lo siguiente? Traté de obtener alguna documentación pero no puedo encontrarla.

 <div id="view-chat-form"> <input id="message" type="text" name="chat_message" placeholder="write a message..."/>, <input type="button" value="send" onclick="sendData()"/> </div>

y usando el siguiente código AJAX para enviar la solicitud sin cargar la página con una cadena codificada para ocultar la identificación del chat

 <script type="text/javascript"> function sendData(){ var cm = document.getElementById("message").value; var xhttp = new XMLHttpRequest(); xhttp.open("POST", "chat_form.php", true); xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xhttp.send("q=<?php echo $hashed_id; ?>&chat_message=" + cm); } </script>

y el siguiente código php para insertar el mensaje en la tabla de mensajes

 <?php include "session.php"; include "connection.php"; $id = ""; $hashed_id = mysqli_real_escape_string($connection, $_POST["q"]); $sql = "SELECT * FROM chats WHERE SHA2(id, 512) = ?"; $stmt = mysqli_prepare($connection, $sql); mysqli_stmt_bind_param($stmt, 's', $hashed_id); mysqli_stmt_execute($stmt); $result = mysqli_stmt_get_result($stmt); $count = mysqli_num_rows($result); if($count > 0){ $row = mysqli_fetch_assoc($result); $id = $row["id"]; } else { mysqli_free_result($result); mysqli_close($connection); header("Location: chat_error.php"); } $msg = mysqli_real_escape_string($connection, $_POST["chat_message"]); $username = $_SESSION["username"]; $date = date("d/m/Y"); $time = date("H:i:s"); $sql = "INSERT INTO chat_messages(chat_id, username, message, date, time) VALUES(?, ?, ?, ?, ?)"; $stmt = mysqli_prepare($connection, $sql); mysqli_stmt_bind_param($stmt, 'dssss', $id, $username, $msg, $date, $time); mysqli_stmt_execute($stmt); ?>