Я изначально ответил на дубликаты, но думаю, что это может быть удалено, поэтому скопируйте сюда:
jQuery делает его красивым и простым. Предполагается, что у вас есть php-файл с именем ajax / delete-article.php, который принимает идентификатор статьи для удаления в качестве параметра и идентификатор статьи последней статьи на странице в качестве параметра и возвращает HTML следующая статья Предполагается также, что все ваши статьи имеют класс «article» и идентификатор «article-230», где 230 - это идентификационный номер. Я уверен, что вы можете адаптировать его к своей собственной структуре HTML.
$('.article-delete').click(function (event) {
$(this).closest('.article').remove(); // possibly use a more fancy-looking hide(), and remove on complete?
var lastArticleId = $('.article').last().attr('id').replace('article-','');
var thisArticleId = $(this).attr('id').replace('article-','');
$.get('ajax/next-article.php?last-article=' + lastArticleId + '&article-to-delete=' + thisArticleId ,function (data) {
$('#article-list').append(data);
});
event.preventDefault();
});
Обратите внимание, что это только грубый пример. Потребуются некоторые улучшения для надежности. Он также не проверен, поэтому может вызывать ошибки JS везде.