авторизация.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. const loginForm = document.getElementById('loginForm');
  2. const successPopup = document.getElementById('successPopup');
  3. const errorPopup = document.getElementById('errorPopup');
  4. const errorMessage = document.getElementById('errorMessage');
  5. loginForm.addEventListener('submit', (event) => {
  6. event.preventDefault();
  7. const email = document.getElementById('email').value;
  8. const password = document.getElementById('password').value;
  9. fetch('http://localhost:8000/login', {
  10. method: 'POST',
  11. headers: {
  12. 'Content-Type': 'application/json'
  13. },
  14. body: JSON.stringify({ email: email, password: password })
  15. })
  16. .then(response => {
  17. if (response.ok) {
  18. return response.text();
  19. } else if (response.status === 401) {
  20. errorMessage.textContent = 'Неверный пароль';
  21. errorPopup.style.display = 'block';
  22. } else if (response.status === 404) {
  23. errorMessage.textContent = 'Пользователь не существует';
  24. errorPopup.style.display = 'block';
  25. } else {
  26. throw new Error('Ошибка на сервере.');
  27. }
  28. })
  29. .then(data => {
  30. console.log('Ответ от сервера:', data);
  31. successPopup.style.display = 'block';
  32. loginForm.reset();
  33. })
  34. .catch(error => {
  35. console.error('Ошибка:', error);
  36. });
  37. });
  38. function closePopup() {
  39. successPopup.style.display = 'none';
  40. errorPopup.style.display = 'none';
  41. }
  42. function redirectToCabinet() {
  43. window.location.href = "./личныйкабинет.html";
  44. }
  45. /////////////////////////////////////////////
  46. fetch('/login', {
  47. method: 'POST',
  48. headers: {
  49. 'Content-Type': 'application/json'
  50. },
  51. body: JSON.stringify({ email: emailInput.value, password: passwordInput.value })
  52. })
  53. .then(response => {
  54. if (response.ok) {
  55. return response.json(); // Получаем email из ответа
  56. } else if (response.status === 401) {
  57. errorMessage.textContent = 'Неверный пароль';
  58. errorPopup.style.display = 'block';
  59. } else if (response.status === 404) {
  60. errorMessage.textContent = 'Пользователь не существует';
  61. errorPopup.style.display = 'block';
  62. } else {
  63. throw new Error('Ошибка на сервере.');
  64. }
  65. })
  66. .then(data => {
  67. localStorage.setItem('email', data.email); // Сохраняем email в localStorage
  68. window.location.href = 'личныйкабинет.html'; // Переход на личный кабинет
  69. })
  70. .catch(error => {
  71. console.error('Ошибка:', error);
  72. });