Как удалить определенные данные с БД RedBean PHP + AJAX?

Question

[XdHideoAppa]

Помогите сделать так, что при нажатии пользователем на div Удалить, удалялся тот пост, на котором пользователь нажал эту кнопку (то-есть если пост под id 80 в БД, то удалять только его). Сейчас мой код работает немного иначе. Я удаляю пост меняя переменную $idz на любой id поста.

Смысл заключается в том, что я не могу вывести определенный id поста (на котором пользователь нажал кнопку Удалить) в переменную $idz. Как это автоматизировать?

index.php

$posts_all = R::findAll('posts', 'ORDER BY -id');
						
foreach ($posts_all as $posts){
	echo '
	<div class="post-box-menu-cont">';
	if( $_SESSION['logged_user']->id == $posts->user_id ){
		echo '
		<div id="post_delete" data-id="'.$posts->id.'">
			Удалить пост
		</div>';
	}
	else {
		echo'
		<div>
			Подать жалобу
		</div>';
	}
}

post_delete.php (Страница обработки POST запроса)

$idz = 97;
$m = R::load('posts', $idz);
R::trash($m);

JS

$('#post_delete').on('click', function(e) {
        e.preventDefault();
        $.ajax({
            url: '/post_delete',
            data: 'data',
            method: 'POST',
            success: function(){
            }
        });
    });

ПРИМЕЧАНИЕ - data-id я использовал когда я делал через GET (но через GET не надо!)

Comments

[Максим Франко]

Смысл заключается в том, что я не могу вывести определенный id поста

Почему же? Ты его передаёшь в data-id, в ajax запросе бери значение из этого атрибута и передавай значение в data. У тебя там обычный текст data, а должны быть данные которые отправляешь на бэкенд.

[XdHideoAppa]

Максим Франко, Не понимаю как это реализовать в моём случае((

[Максим Франко]

XdHideoAppa,
JS

$('#post_delete').on('click', function(e) {
        e.preventDefault();
       let post = document.getElementById('post_delete');
        $.ajax({
            url: '/post_delete',
            data: {post_id: post.dataset.id},
            method: 'POST',
            success: function(){
            }
        });
    });

В post_delete.php лови $_POST['post_id'], обязательно проверку на integer и потом отправляй в базу

[XdHideoAppa]

Максим Франко, Спасибо вам большое. Как раз искал как мне передать значение data-* через ajax. А самое главное, ни-кто не пишет этого в гугле (или я плохо ищу). Всё сработало, еще раз спасибо!!!

[XdHideoAppa]

Максим Франко, Слушайте, у меня произошел маленький баг. Или же просто недоработка. Допустим у меня есть пользователь у которого есть 3 поста. Я нажимаю на кнопку удаления второго поста, и ничего не происходит. Нажимаю на удаление третьего поста, и тоже ничего не происходит. А вот если нажимать на удаление первого поста, то он удаляется, потом остается два поста, ну и понятное дело второй пост становится первым и так-же если его удалить, то он удаляется. В чём может быть проблема?

[Максим Франко]

XdHideoAppa, тогда повесить обработчик onclick ="deleteFunction(this)" на div (хотя лучше сделать кнопкой удаление поста) и в функции уже работать с переданным объектом, вместо id="post_delete" можно сделать id="'.$posts->id.'" и его передавать в ajax, так ID будут уникальны и легче достать будет в js

[XdHideoAppa]

Максим Франко, Ну я понял смысл, но у меня опять проблема. Я сделал от такой js код:

function deleteFunction(e) {
        e.preventDefault(this);

        $.ajax({
            url: '/post_delete',
            data: {post_id: this.attr.id},
            method: 'POST',
            success: function(){
            }
        });
    };

А вот мой div

<div id="'.$posts->id.'" onclick ="deleteFunction(this)">Удалить пост</div>';

Но оно не работает, точнее мне выдает вот эту ошибку в консоль - Uncaught ReferenceError: deleteFunction is not defined at HTMLDivElement.onclick

[XdHideoAppa]

XdHideoAppa, Как раз из-за неё я и не могу проверить правильность написания js. И можете мне сказать, правильно ли я написал js. (по вашим рекомендациям)

[Максим Франко]

XdHideoAppa,

function deleteFunction(item) {
        $.ajax({
            url: '/post_delete',
            data: {post_id: item.id},
            method: 'POST',
            success: function(){
            }
        });
    };

[XdHideoAppa]

Максим Франко, Извините за столь долгое размусоливание одной темы, но её надо решить. Вы мне и так очень хорошо помогли, но тонкости вопросе пока-что не решены

[Максим Франко]

XdHideoAppa, функцию нужно вынести за пределы $(document).ready(function() {})

[XdHideoAppa]

Максим Франко, Вынес, но ничего. Понятное дело я проверяю на кеширование страницу (ну а вдруг оно не отображает то, что я поменял). + я пробовал по разному: добавлял скрипты в head, потом обратно вниз, переносил их в главную директорию. Погугли, никакого особо ценного ответа не нашел, кроме тех рекомендаций, которые я и так соблюдаю, если что-то не работает. В чём может быть проблема, не знаю(

[XdHideoAppa]

XdHideoAppa, Я попробую задать этот вопрос на тот-же Стакковерфлоу, но не факт что мне там ответят)))

[Максим Франко]

XdHideoAppa, напрямую с голым кодом всё работает, значит где-то скрипт не успевает подгрузиться. https://qna.habr.com/q/88813

[XdHideoAppa]

Максим Франко, Всё работает, я просто инвалид, в плане вот этого - onclick ="deleteFunction(item)". Я написал вместо this - item. Чисто из-за того что скопировал. Большое спасибо за то, что у вас выдержали нервы разобраться со мной в этом вопросе. На этом всё! : - )