从后端到前端传递消息

Question

我正在学习节点和EJS，并且需要一些帮助。验证它后，我正在尝试从表单中获取数据并存储在数据库中。在验证期间，我无法将消息从后端传递到前端。我不确定我在做什么错。

后端代码：

let { agentname } = req.body;

let errors = [];

if (!agentname) {
  errors.push({ message: 'Please enter all Mandatory Fields' });
}

if (errors.length > 0) {
  res.render('addagent', { errors });
} else {
  pool.query(
    `SELECT * FROM agentinfo where agentname = $1`,
    [agentname],
    (err, results) => {
      if (err) {
        throw err;
      }

      console.log(results.rows);

      if (results.rows.length >= 1) {
        errors.push({ message: 'Agent is already added. Please check again' });
        console.log(errors);
        res.render('addagent', { errors });
      }
    }
  );
}

前端：

<section class="addsec">
        <div class="addagent">
            <h3>Add Agent</h3>

            <ul>               
                <% if(messages.error) { %>
                <li> Test Message </li>
                <li><%= messages.error %></li>
                <% } %>   
            </ul>
        </div>
    </section>

我尝试在后端打印消息以进行验证，并且在后端工作正常，但是在前端看不到该消息。

请帮助理解和修复此错误

Answer 1

您正在传递错误是对象数组，您应该能够使用以下方式访问消息：

<section class="addsec">
  <div class="addagent">
    <h3>Add Agent</h3>

    <ul>
      <% if (errors.length > 0) { %>
      <li>Test Message</li>
      <li><%= errors[0].message %></li>
      <% } %>
    </ul>
  </div>
</section>

Answer 2

我通过纠正下面的前端代码来解决此问题。

<ul>
  <% if(typeof errors != 'undefined') { %>
    <% errors.forEach(error =>{ %>
      <li><%= error.message %></li>
    <% }) %> 
  <% } %>
</ul>