Как обновить блок после удаления и добавления и получить данные для редактирования?

Для обновления блока после удаления и добавления элементов, а также получения данных для редактирования в PHP, вам потребуется использовать комбинацию фронтенд- и бэкенд-технологий.

Начнем с фронтенда. Вы можете использовать JavaScript и AJAX для обновления блока после удаления и добавления элементов. AJAX позволяет асинхронно отправлять HTTP-запросы на сервер и получать ответы без перезагрузки страницы.

1. Для удаления элемента можно использовать следующий JavaScript-код:

function deleteItem(itemId) {
  // Отправляем AJAX-запрос на сервер для удаления элемента
  $.ajax({
    url: 'delete_item.php',
    type: 'POST',
    data: {id: itemId},
    success: function(response) {
      // Обновляем блок после удаления элемента
      $('#block').html(response);
    }
  });
}

2. Для добавления элемента может использоваться следующий код:

function addItem() {
  // Читаем данные формы
  var itemName = $('#name').val();
  var itemDescription = $('#description').val();

  // Отправляем AJAX-запрос на сервер для добавления элемента
  $.ajax({
    url: 'add_item.php',
    type: 'POST',
    data: {name: itemName, description: itemDescription},
    success: function(response) {
      // Обновляем блок после добавления элемента
      $('#block').html(response);
    }
  });
}

Теперь перейдем к бэкенду. Вам понадобится PHP-скрипт, который будет обрабатывать запросы на удаление и добавление элементов, а также предоставлять данные для редактирования.

1. Для удаления элемента создайте файл delete_item.php со следующим кодом:

<?php
// Получаем идентификатор элемента для удаления из POST-запроса
$itemId = $_POST['id'];

// Выполняем необходимые операции для удаления элемента из базы данных или другого источника данных

// Возвращаем HTML-код обновленного блока
echo getUpdatedBlock();
?>

2. Для добавления элемента создайте файл add_item.php со следующим кодом:

<?php
// Получаем данные элемента для добавления из POST-запроса
$itemName = $_POST['name'];
$itemDescription = $_POST['description'];

// Выполняем необходимые операции для добавления элемента в базу данных или другой источник данных

// Возвращаем HTML-код обновленного блока
echo getUpdatedBlock();
?>

3. Для получения данных для редактирования создайте файл edit_item.php со следующим кодом:

<?php
// Получаем идентификатор элемента для редактирования из GET-запроса
$itemId = $_GET['id'];

// Получаем данные элемента из базы данных или другого источника данных

// Возвращаем данные в формате JSON
echo json_encode($itemData);
?>

Также вам понадобится функция getUpdatedBlock(), которая будет получать актуальные данные для блока. Эту функцию можно разместить в одном файле и подключать его к необходимым PHP-скриптам.

function getUpdatedBlock() {
  // Получаем актуальные данные для блока из базы данных или другого источника данных

  // Генерируем HTML-код для обновленного блока и возвращаем его
  return $updatedBlockHtml;
}

Теперь, когда у вас есть фронтенд- и бэкенд-коды, вы можете вызвать функции deleteItem(), addItem() и getItemData() из вашего HTML-кода для взаимодействия с блоком, его обновления и получения данных для редактирования.