index.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>{{.Title}}</title>
  6. </head>
  7. <script>
  8. function post()
  9. {
  10. var xhr = new XMLHttpRequest();// Создаём объект xhr
  11. xhr.open("POST", "/" , true);// Открываем асинхронное соединение
  12. xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");// Отправляем кодировку
  13. var data = 'score=500';
  14. xhr.send(data); // Отправляем POST-запрос
  15. xhr.onreadystatechange = function() // Ждём ответа от сервера
  16. {
  17. if (xhr.readyState == 4) // возвращает текущее состояние объекта(0-4)
  18. {
  19. if(xhr.status == 200) // код 200 (если страница не найдена вернет 404)
  20. {
  21. alert(this.responseText);
  22. }
  23. }
  24. }
  25. }
  26. </script>
  27. <body>
  28. <h1>INDEX</h1>
  29. <div>Вошли как
  30. {{if .User}}{{.User}}<br><a href="/logout/">Выйти</a><br>{{else}}гость<br><a href="/login/">Войти</a><br><a href="/signin/">Зарегистрироваться</a>{{end}}
  31. </div>
  32. <div>
  33. <a href="/leaderboard/">Таблица лидеров</a>
  34. <br>
  35. {{if .User}}<a href="/myscores/">Мои результаты</a>{{end}}
  36. <br>
  37. </div>
  38. {{range .Items}}<div style="font-size: 18pt">{{ . }}</div>{{else}}<div><strong>no rows</strong></div>{{end}}
  39. <br>
  40. <button onclick=post()>Клик</button>
  41. </body>
  42. </html>