Блог

Я создаю веб-страницу для отображения таблицы из SQL. Я добавил команды в js, чтобы пользователь мог добавлять, редактировать или обновлять данные в пользовательском интерфейсе. Однако, когда я удаляю точку данных через пользовательский интерфейс, удаляются только данные в SQL, но они все еще видны в пользовательском интерфейсе. Кто-нибудь может помочь?

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

Например, веб-сокет, который соединяет ваш интерфейс с вашим бэкэндом и прослушивает изменения, которые серверная часть отправляет интерфейсу всякий раз, когда изменяется БД. Затем интерфейс может внести соответствующие изменения в пользовательский интерфейс.

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

Фреймворки пользовательского интерфейса обычно обеспечивают добавление / изменение / удаление данных с помощью двусторонней привязки данных, но вы также можете вручную удалить узлы DOM, которые содержат удаленные данные.