1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- document.addEventListener('DOMContentLoaded', function() {
- // ... (Код получения данных пользователя как в предыдущем примере)
- // Обработка нажатия кнопки "Редактировать"
- const editButton = document.getElementById("editButton");
- const saveChangesButton = document.getElementById("saveChangesButton");
- const editProfileForm = document.getElementById("editProfileForm");
- editButton.addEventListener('click', function() {
- editProfileForm.style.display = "block"; // Показывает форму редактирования
- editButton.style.display = "none"; // Скрывает кнопку "Редактировать"
- saveChangesButton.style.display = "block"; // Показать кнопку "Записать"
- });
- // Обработка нажатия кнопки "Записать"
- saveChangesButton.addEventListener('click', function() {
- // Получение данных из формы
- const name = document.getElementById("editName").value;
- const surname = document.getElementById("editSurname").value;
- const patronymic = document.getElementById("editPatronymic").value;
- const email = document.getElementById("editEmail").value;
- const phone = document.getElementById("editPhone").value;
- // Отправка данных на сервер (как в предыдущем примере)
- fetch('/update_user_data', { // Замените '/update_user_data' на реальный URL-адрес
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- name: name,
- surname: surname,
- patronymic: patronymic,
- email: email,
- phone: phone
- })
- })
- .then(response => {
- if (response.ok) {
- return response.json();
- } else {
- throw new Error('Ошибка обновления данных');
- }
- })
- .then(data => {
- // Обновление данных пользователя на странице
- document.getElementById("name").textContent = data.name;
- document.getElementById("surname").textContent = data.surname;
- document.getElementById("patronymic").textContent = data.patronymic;
- document.getElementById("email").textContent = data.email;
- document.getElementById("phone").textContent = data.phone;
- // Отображение всплывающего окна
- document.getElementById("successPopup").style.display = "block";
- })
- .catch(error => {
- // Обработка ошибки
- console.error('Ошибка:', error);
- alert('Ошибка обновления профиля. Пожалуйста, попробуйте снова.');
- });
- });
- // Функция закрытия всплывающего окна
- function closePopup() {
- document.getElementById("successPopup").style.display = "none";
- }
- });
|