MACHIN

2023-10-25 09:15:21 +03:00
commit b6c10cc93f
9828 changed files with 1446743 additions and 0 deletions
--- a/27/app.js
+++ b/27/app.js
@@ -0,0 +1,18 @@
+const express = require('express');
+
+const app = express();
+// создаем парсер для данных в формате json
+const jsonParser = express.json();
+
+app.post('/user', jsonParser, function (request, response) {
+    console.log(request.body);
+    if (!request.body) return response.sendStatus(400);
+
+    response.json(request.body); // отправляем пришедший ответ обратно
+});
+
+app.get('/', function (request, response) {
+    response.sendFile(__dirname + '/index.html');
+});
+
+app.listen(3000);
--- a/27/index.html
+++ b/27/index.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Регистрация</title>
+        <meta charset="utf-8" />
+    </head>
+    <body>
+        <h1>Введите данные</h1>
+        <form name="registerForm">
+            <label>Имя</label><br />
+            <input
+                type="text"
+                name="userName"
+            /><br /><br />
+            <label>Возраст</label><br />
+            <input
+                type="number"
+                name="userAge"
+            /><br /><br />
+            <button type="submit" id="submit">
+                Отправить
+            </button>
+        </form>
+        <script>
+            document
+                .getElementById('submit')
+                .addEventListener('click', function (e) {
+                    e.preventDefault();
+                    // получаем данные формы
+                    let registerForm =
+                        document.forms['registerForm'];
+                    let userName =
+                        registerForm.elements['userName']
+                            .value;
+                    let userAge =
+                        registerForm.elements['userAge']
+                            .value;
+                    // сериализуем данные в json
+                    let user = JSON.stringify({
+                        userName: userName,
+                        userAge: userAge,
+                    });
+                    let request = new XMLHttpRequest();
+                    // посылаем запрос на адрес "/user"
+                    request.open('POST', '/user', true);
+                    request.setRequestHeader(
+                        'Content-Type',
+                        'application/json'
+                    );
+                    request.addEventListener(
+                        'load',
+                        function () {
+                            // получаем и парсим ответ сервера
+                            let receivedUser = JSON.parse(
+                                request.response
+                            );
+                            console.log(
+                                receivedUser.userName,
+                                '-',
+                                receivedUser.userAge
+                            ); // смотрим ответ сервера
+                        }
+                    );
+                    request.send(user);
+                });
+        </script>
+    </body>
+    <html></html>
+</html>