<MyRusakov.ru />

Финансовая грамотность от А до Я

Финансовая грамотность от А до Я

Данный курс в кратчайшие сроки обучит Вас финансовой грамотности. Эти знания позволят Вам получить, как минимум, серьёзную финансовую стабильность, а, как максимум, финансовую независимость.

В рамках курса даётся большое количество практических заданий, благодаря которым Вы не просто посмотрите курс, а действительно выполните ряд важнейших шагов, о которых в нём говорится.

Помимо самого курса Вас ждёт ещё бесплатный ценный Бонус: «Ранний выход на пенсию». В рамках этого Бонуса Вы узнаете, какой должен быть капитал конкретно в Вашем случае, варианты его получения, а также какие есть стратегии вывода капитала на пенсии и где их можно протестировать.

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Отправка формы на сервер в JavaScript

Отправка формы на сервер в JavaScript

Работа с HTML-формами - это одна из сильных сторон в JavaScript. В примере далее я покажу Вам как просто можно отправить данные формы на сервер. PHP-скрипт на сервере будет получать запрос, преобразовывать его и возвращать обратно. Итак, код далее.

Файл index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Отправка формы на сервер в JavaScript</title>
</head>

<body>
    <form id="form">
        <input type="text" name="uname" value="John">
        <input type="text" name="surname" value="Doe">
        <input type="submit">
    </form>

    <script>

        // асинхронная функция
        async function SendForm(e) 
        {
            // останавливает действие по умолчанию
            e.preventDefault();

            // отправляем POST запрос на сервер
            let response = await fetch('form.php', {
                method: 'POST',          // метод POST
                body: new FormData(form) // в класс FormData передаем ссылку на форму
            });

            // получаем JSON
            let result = await response.json();

            console.log(result);
        };

        // при щелчке на кнопку отправки формы
        // отправляем форму на сервер
        form.onsubmit = SendForm;

    </script>
</body>

</html>

Файл form.php

<?php

    // преобразуем массив в объект
    $req = (object) $_REQUEST;

    // отправляем заголовок типа JSON
    header('Content-Type: application/json');

    // преобразуем данные и отправляем обратно
    print json_encode([
        'name'    => strtoupper($req->uname),
        'surname' => strtoupper($req->surname)
    ]);

Вот так можно отправить данные формы на сервер, используя возможности ES6 JavaScript.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.