javascript - 我的 meteor 路由有什么问题？

Question

我在 http://localhost:3000/connectSubmit 上的简单表格:

<template name="connectSubmit">
   <form>
     <input type="email" class="testf form-control" id="email" placeholder="Email here"><br>  
    <input type="submit" value="Submit" class="submit btn btn-primary"/>
  </form>
</template>

connect_submit.js:

Template.connectSubmit.events({
    'submit form': function(e) {
        Router.go('index');
    }
  });

路由器.js:

Router.configure({
  layoutTemplate: 'layout',
});

Router.map(function() {
  this.route('index', {path: '/'})
  this.route('/connectSubmit')
});

索引.html:

<template name="index">
      <a href="/connectSubmit" class="btn btn-default">Connect</a>
</template>

当我提交表单时，url 是:http://localhost:3000/connectSubmit ？并且没有将我重定向到索引页面

Answer 1

当您在 HTML 中提交表单时，默认行为将是发出 HTTP POST 请求并重新加载页面，这打破了单页 Web 应用程序体验，您需要做的是防止这种默认行为发生:

Template.connectSubmit.events({
  'submit form': function(e) {
    e.preventDefault();
    Router.go('index');
  }
});