<MyRusakov.ru />

Программирование на C# с Нуля до Гуру

Программирование на C# с Нуля до Гуру

Данный курс научит Вас программировать на языке C#, который является одним из самых востребованных языков программирования в мире. Курс состоит из 7 разделов, в которых Вы с нуля освоите этот язык и сможете создавать самые разные программы для самых разных задач любой сложности.

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

Помимо самого курса Вас ждут ещё 3 бесплатных ценных Бонуса: «Технология Windows Presentation Foundation», «Создание библиотеки классов» и «Правильная работа со справочником».

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

Подписавшись по 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):

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