Здравствуйте! Только начинаю изучать тему, поэтому, если что, сорри.
Дано: есть страница, на которой новости в 2 столбца (левый и правый). Столбец = категория новостей. То есть в одном про футбол, во втором про хоккей. На превью-блоке каждой новости есть select блок с 2 функциями: удалить новость и изменить категорию новости.
Задача: при клике на Удалить, новость плавно скрывается. При Смене категории новость должна пропадать в одном столбце и появляться в другом.
Что пока что получилось:
$.ajax({
type: 'POST',
url: '/deletePost.php',
data: {url: postUrl} //postUrl = ссылка на новость, которую PHP обрабатывает и получает ID новости, чтобы удалить ее из базы
}).done(function() {
//Пока не придумал, что написать сюда
});
Это успешно удаляет новость из базы, но не знаю, как обновить блок с новостями. То есть теоретически представляю, что нужно обратиться через AJAX к этой же странице, но уже с учетом того, что одна новость была удалена. Взять html и заменить на текущей странице. Ну или если проще, то просто сделать .hide() для той новости, которую удалил.
То же самое касается Смены категории: нужно взять html с обновленной страницы и вставить в текущую. Тут уже с помощью .hide() можно только скрыть новость в одном блоке, но как отразить ее в другом.
Подскажите, как это реализовать, либо направьте на правильную мысль, если я все не так понял.