Question

我正在使用express在nodeJS上编写我的网站的后端。那里有搜索表单。输入我正在寻找的对象的名称后，按Enter按钮，但表单没有响应。我在这里看过类似的帖子，但我的案例没有可行的解决方案。这是表格

    <div>
      <form action="/options/searchres" method="GET"></form>
       <input type="text"  name="name" placeholder="Search..">
       <input type="hidden" name="page" value="1">
      </form>
   </div>

所以我有带路由器选项的app.js文件（websitename / options / search）这是路由器options.js代码

    router.get("/search", (req, res) => {
    res.render('search');
    });
    router.get("/searchres", (req, res) => {
    academies.getAll()
    .then(data => {
    let object = data;
    let dat = {
        academies: academies,
        page: req.query.page,
        searchname: req.query.name
    };

    academies.getByName(req.query.name)
        .then(data => {
            dat.academies = data;
            // console.log(data);
            res.render('searchres', dat);
         })
       });
    });

Answer 1

您需要更改的一些事项

您过早关闭了<form>代码。这就是为什么你不能提交任何东西
第一个input有两种类型，删除submit一个

以下代码

<div>
  <form action="/options/searchres" method="GET">
    <input type="text" name="name" placeholder="Search..">
    <input type="submit">
    <input type="hidden" name="page" value="1">
  </form>
</div>

Html表单没有响应按Enter键

1 个答案: