Как обновить блок без jquery?

Чтобы обновить блок без использования jQuery в JavaScript, вы можете использовать чистый HTML и JavaScript или использовать современные методы, такие как Fetch API или Async/Await.

1. Использование чистого HTML и JavaScript:
- В HTML добавьте id для блока, который хотите обновить. Например: <div id="myBlock">Содержимое блока</div>.
- В JavaScript найдите этот блок с помощью document.getElementById и измените его содержимое. Например:

     var myBlock = document.getElementById("myBlock");
     myBlock.innerHTML = "Новое содержимое блока";

- Если вам нужно обновить содержимое блока с помощью данных из сервера, вы можете использовать методы, такие как XMLHttpRequest или fetch.

2. Использование Fetch API:
- В HTML добавьте элемент кнопки, который будет запускать обновление. Например: <button id="updateButton">Обновить блок</button>.
- В JavaScript найдите эту кнопку и добавьте обработчик события click. В обработчике события выполните запрос к серверу с использованием Fetch API и обновите содержимое блока после получения данных. Например:

     var updateButton = document.getElementById("updateButton");
     updateButton.addEventListener("click", function() {
       fetch("your-server-url")
         .then(function(response) {
           return response.text();
         })
         .then(function(data) {
           var myBlock = document.getElementById("myBlock");
           myBlock.innerHTML = data;
         })
         .catch(function(error) {
           console.error("Ошибка:", error);
         });
     });

- Обратите внимание, что в коде выше используется Promise-based подход и методы Fetch API. Вы можете использовать Async/Await для более удобного и читаемого кода.

Независимо от того, какой метод вы выберете, важно понимать, что некоторые взаимодействия с сервером могут потребовать дополнительных настроек на стороне сервера, таких как настройка CORS (Cross-Origin Resource Sharing), чтобы браузер мог получить доступ к данным с другого источника.