Получение значения переключателя в почтовом запросе - PullRequest
0 голосов
/ 08 мая 2019

Я пытаюсь написать программу, которая берет две части информации, имя и значение переключателя.Я не могу понять фактическое значение переключателя в запросе на публикацию.Страница ejs продолжает отображать «без знака» и журналы консоли как неопределенные, даже когда я проверяю переключатель со значением 1. Любая помощь будет фантастической.

theApp.post('/sendUserData', function(req, res) {

    var name = req.body.first;

    var radioButtonVal = req.query.imagePick;

    console.log(name);
    console.log(radioButtonVal);

    res.render('template.ejs', {theName: name, theSign: radioButtonVal});
});

<body>
<h1>Hi <%= theName %> </h1>

<h1> sign:
<% if (theSign == "1") { %>
        Aries
    <% } else if (theSign == "2") { %>
        Taurus
    <% } else { %>
        No Sign
    <% } %>
    </h1>
</body>
<h2 id="title">astrology reading</h2><br/>

    <form name="Input" method="POST" action="/sendUserData">
          your First Name: <input name="first" type="text">
      <br/><br/><br/>
      your star sign: <br/>    
      <div class="container">
            <input name="imagePick" value="1" type="radio" id="one">
            <label for="one">
                <img src="images/aries.png" alt="aries" height="150" width="auto">
            </label>

            <input name="imagePick" value="2" type="radio" id="two">
            <label for="two">
                <img src="images/taurus.png" alt="taurus" height="150" width="auto">
            </label>
        </div>

            <input type="submit" name="submitButton" value="Save">

    </form>

1 Ответ

0 голосов
/ 08 мая 2019

Это потому, что вы должны запрашивать radioButtonVal из тела, а не из запроса. Попробуйте фрагмент кода ниже, и он должен работать:

theApp.post('/sendUserData', function(req, res) {

    var name = req.body.first;

    var radioButtonVal = req.body.imagePick;

    console.log(name);
    console.log(radioButtonVal);

    res.render('template.ejs', {theName: name, theSign: radioButtonVal});
});
...