я не могу использовать метод router.post в node.js - PullRequest
0 голосов
/ 09 февраля 2020

Я пытаюсь использовать почтовый запрос в моем приложении node.js, но по какой-то причине я не могу найти его, он не работает. Возможно, вы можете помочь мне с этой проблемой

ниже, вы можете найти мой отчет. js и мой report.e js файлы:

report. js file:

var express = require('express');
var router = express.Router();
const { Pool, Client } = require("pg");
var app = express();
var bodyParser = require("body-parser");
/* GET home page. */

router.use(bodyParser.urlencoded({ extended : false }));

router.get('/', function(req, res, next) {
  res.render('report', { title: 'Express' });
});

router.post('/top', function (req, res) {
  console.log(req.body.todo + " is added to top of the list.");
  res.redirect('/');
});

router.post('/bottom', function (req, res) {
  console.log(req.body.todo + " is added to bottom of the list.");
  res.json({ status: 'success' });
  res.redirect('/');
});

module.exports = router;

report.e js file:

  <body>
    <form>
      <div class="form-group">
          <label>To Do:</label>
          <input type="text" class="form-control" name="todo">
      </div>
      <button type="submit" class="btn btn-primary btn-lg" formaction="/top"  method="POST">Add to Top</button>
      <button type="submit" class="btn btn-primary btn-lg" formaction="/bottom"  method="POST">Add to Bottom</button>
  </form>
    <script src="/javascripts/reportjs.js"></script>
  </body>
</html>

, и я получаю сообщение об ошибке для обеих кнопок:

GET /report 304 10.606 ms - -
GET /stylesheets/report.css 304 2.708 ms - -
GET /javascripts/reportjs.js 304 0.739 ms - -
GET /stylesheets/headder.css 304 1.229 ms - -
GET /bottom?todo=asdasd 404 2.253 ms - 145

Cannot GET /bottom

Я не понимаю, почему приложение использует метод GET, когда я использую метод POST

1 Ответ

2 голосов
/ 09 февраля 2020

Атрибут method должен находиться в теге <form>, а не в теге <button>. По умолчанию используется метод GET, так что это то, что делает форма. Попробуйте это:

<form method="POST">
  <div class="form-group">
    <label>To Do:</label>
    <input type="text" class="form-control" name="todo">
  </div>
  <button type="submit" class="btn btn-primary btn-lg" formaction="/report/top">Add to Top</button>
  <button type="submit" class="btn btn-primary btn-lg" formaction="/report/bottom">Add to Bottom</button>
</form>

Или вы можете использовать formmethod для тега <button> следующим образом:

<form>
  <div class="form-group">
    <label>To Do:</label>
    <input type="text" class="form-control" name="todo">
  </div>
  <button type="submit" class="btn btn-primary btn-lg" formaction="/report/top" formmethod="POST"">Add to Top</button>
  <button type="submit" class="btn btn-primary btn-lg" formaction="/report/bottom" formmethod="POST">Add to Bottom</button>
</form>

Так как обе кнопки используют POST, лучше его надеть <form> тег и избежать повторения, на мой взгляд.

formaction должен начинаться с /report/top или /report/bottom, так как текущее местоположение на странице будет в пределах /report и относительно этого , Если вы используете /top или /bottom, он теряет контекст из местоположения /report.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...