AJAX

AJAX (Asynchronous JavaScript and XML) – це технологія, що дозволяє веб-сторінкам оновлюватись асинхронно, тобто без перезавантаження сторінки. Зазвичай використовуються для взаємодії з сервером і передачі даних у фоновому режимі.

Один з прикладів використання AJAX – це оновлення списку повідомлень на сторінці без необхідності оновлювати всю сторінку. Для цього потрібно зробити запит на сервер, щоб отримати останні повідомлення з бази даних, і відобразити їх на сторінці.

Ось код прикладу AJAX запиту, що перевіряє базу даних на наявність нових повідомлень та відображає їх на сторінці без перезавантаження сторінки:

$(document).ready(function() {
  setInterval(function() {
    $.ajax({
      url: "/check_new_messages",
      type: "GET",
      dataType: "json",
      success: function(data) {
        if (data.new_messages) {
          // відображення нових повідомлень на сторінці
        }
      },
      error: function(xhr, status, error) {
        console.log("Помилка при отриманні нових повідомлень");
      }
    });
  }, 10000); // оновлювати список повідомлень кожні 10 секунд
});

Цей код запускає AJAX запит на сервер що 10 секунд, викликаючи функцію /check_new_messages, яка повертає дані у форматі JSON. Якщо відповідь містить дані про наявність нових повідомлень, то їх відображають на сторінці. Важливо зробити на сервері обробник запиту /check_new_messages, який буде повертати дані про наявність нових повідомлень у форматі JSON.