Delete comments without reloading the page

For example on the server we generate html of the form:

<?foreach($comments as $comment):?> <div class="comment"> <div class="author"> <?=$comment['author']?> </div> <div class="content"> <?=$comment['content']?> </div> <!-- если пользователь имеете право удалить этот комментарий --> <?if($_SESSION['username'] === $comment['author']):?> <!-- показываем кнопку удаления --> <button class="remove" id="remove_<?=$comment['id']?>"> <?endif?> </div> <?endforeach?> 

Accordingly, now having selected all the buttons on the css class, we can get the id of each of them for transmission to the server, but now for the client code.

 $(".comment .remove").on('click', function(){ var $button = $(this); var commentId = this.id.slice(7); // обрежем id чтобы получить число // делаем POST запрос на сервер $.post("/comments_remove.php", {id : commentId}, function( serverResponse ){ if( serverResponse === 'ok' ) { // если сервер ответил ok - все хорошо $button.parent().remove(); // удаляем HTML комментария // тут можем еще что-либо сделать } else { // в противном случае комментарий не был удален // тут можем как-то сообщить об ошибке } }) }) 

Well, on the server, comment_remove.php, something like this:

 // mysql connection here.... if($_SERVER[ 'REQUEST_METHOD' ] === 'POST') { if( is_numeric($_POST['id']) ) { $commentId = (int)$_POST['id']; $commentDbData = mysql_query('SELECT * FROM comments WHERE id=' . $commentId); $comment = mysql_fetch_assoc($commentDbData); if(!empty($comment)) { // если такой комментарий действительно существует // перепроверим - имеет ли право пользователь удалить этот комментарий if($comment[ 'author' ] === $_SESSION[ 'username' ]) { if( mysql_query("DELETE FROM comments WHERE id=" . $commentId) ) { echo 'ok'; // все в порядке, оповещаем клиента } } } } } 

Well, something like this, if the logic of deletion error handling is not planned, then the server can be made much simpler, something like:

  mysql_query('DELETE FROM comments WHERE id=' . (int)$_POST['id'] . ' AND author="' . $_SESSION[ 'author' ] . '"'); echo 'ok'; 

In any case, you need to be able to get the ID of a specific comment and do not forget to double-check everything that the client on the server "told" us.

Good luck with the implementation.

Use jQuery, many times easier, if you understand programming, you can easily figure it out in a few hours (a lot of documentation is in Russian). The general algorithm is approximately as follows: You find an HTML element containing a comment (which you will need to delete later), delete, send an AJAX request to the server that will contain the comment ID, the server accepts, deletes from the database, returns the answer to the client that everything is "ok" . Everything.