当我单击客户端中的提交按钮时，节点 JS 没有任何操作？

Question

我是 Node JS 的新手，并且坚持使用 http GET 和 POST 方法。我无法使用提交按钮从节点 JS 回调。

server.js

app.get('/admin', function(req, resp) {
  session = req.session;
  if (session.uniqueID != 'admin') {
    resp.send('Unauthorized acess');
  }
  resp.sendFile('/.html', {
    root: __dirname
  });
});


app.post('/admin', function(req, resp) {
  resp.setHeader('Content-Type', 'application/json');
  e.preventDefult();
  console.log('admin');

});

home.html

<body>
  <div class="loginBox">
    <img src="user.png" class="user">
    <h2>Docker</h2>
    <form id="tableForm">
      <select>
        <optgroup label="Select docker commands here">
          <option name="" value="0" />
          <option name="table1" value="1">docker start</option>
          <option name="table2" value="2">docker build</option>
          <option name="table3" value="3">docker run</option>
          <option name="table3" value="3">docker pull</option>
          <option name="table3" value="3">docker stop</option>
        </optgroup>
      </select><br>
      <input type="button" value="submit" /></a>
    </form>
  </div>
</body>

当我点击提交按钮选择主页下拉列表时，我想返回管理员发布方法。

有人有想法吗？

Answer 1

在服务器文件中您没有e.preventDefult();。因此，只需记录您的消息并添加其余代码。另外/.html 不是您使用的正确文件。

app.get('/admin', function(req, resp) {
  session = req.session;
  if (session.uniqueID != 'admin') {
    resp.send('Unauthorized acess');
  }
  resp.sendFile('/.html', {
    root: __dirname
  });
});


app.post('/admin', function(req, resp) {
  console.log('admin');
});

并在 html 文件中添加 action="/admin" method="POST" 到您的表单，提交后请求发送到服务器。

<body>
  <div class="loginBox">
    <img src="user.png" class="user">
    <h2>Docker</h2>
    <form action="/admin" method="POST" id="tableForm">
      <select>
        <optgroup label="Select docker commands here">
          <option name="" value="0" />
          <option name="table1" value="1">docker start</option>
          <option name="table2" value="2">docker build</option>
          <option name="table3" value="3">docker run</option>
          <option name="table3" value="3">docker pull</option>
          <option name="table3" value="3">docker stop</option>
        </optgroup>
      </select><br>
      <input type="button" value="submit" /></a>
    </form>
  </div>
</body>