nodejs:express:obrabotka_formy []

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

=====Обработка формы=====

<code javascript>
<h1>Добавить курс</h1>

<div class="row">
    <form class="col s12" action="/add" method="post">
        <div class="row">
            <div class="input-field col s6">
                <input  id="title" type="text" name="title" class="validate" required>
                <label for="title">Название курсв</label>
                <span class="helper-text" data-error="Введите название" data-success="right"></span>
            </div>
            <div class="input-field col s6">
                <input id="price" type="text" name="price" class="validate" required>
                <label for="price">Цена</label>
                <span class="helper-text" data-error="Введите цену" data-success="right"></span>
            </div>
        </div>
        <div class="row">
            <div class="input-field col s6">
                <input  id="img" type="text" name="img" required class="validate">
                <label for="img">url картинки</label>
                <span class="helper-text" data-error="создайте url" data-success="right"></span>
            </div>

        </div>
        <div class="row">
            <div class="input-field col s6">
                <input id="price" type="submit"  class="btn" value="добавить курс">
            </div>
        </div>
    </form>
</div>
</code>

**роут routes/add.js**
<code javascript>
const {Router} = require('express'); //или const express.Router = require('express');
const router = Router();

/**
 * страница add
 * первый параметр адрес страницы, в данном случае используется префикс при регистрации ройтера,
 * там страничка зарегестрирована как /add
 * второй параметр callback - обработчик запроса req - request , запрос от браузера
 * res - response, ответ сервера
 */
router.get('/', (req, res) => {
    res.status(200);//вернуть статус ответа

    res.render('add',{
        title:'Добавить курс',
        isAdd: true
    });//рендерим используя шаблонизатор
});

/**
 * страница add
 * Обработка POST запроса
 * первый параметр адрес страницы, в данном случае используется префикс при регистрации ройтера, 
 * там страничка зарегестрирована как /add
 * второй параметр callback - обработчик запроса req - request , запрос от браузера
 * res - response, ответ сервера
 */
router.post('/', (req, res) => {
   // res.status(200);//вернуть статус ответа
    console.log(req.body);//Данные POST
    //res.end(JSON.stringify(req.body));//Распечать POST на страничке
    res.redirect('/courses');//Редирект на страницу с курсами

});

module.exports = router;//Экспортирум роутер

</code>

Инструменты пользователя

Инструменты сайта

Инструменты страницы