Javascript 登录时url中的问号

我做了一个登录表

<div class="col-sm-4">
  <ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#Form1"><strong>Admin</strong></a></li>
    <li><a data-toggle="tab" href="#Form2"><strong>Librarian</strong></a></li>
  </ul>
  <div class="tab-content">
    <div id="Form1" class="tab-pane fade in active">
      <form>
        <div class="form-group">
          <input type="text" class="form-control" id="adminUserName" placeholder="UserName"/>
        </div>
        <div class="form-group">
          <input type="password" class="form-control" id="adminPassword" placeholder="Password"/>
        </div>
        <div class="form-group">
          <button type="submit" class="btn btn-lg " id="admin-login">Log In</button>
        </div>
      </form>
    </div>

登录成功，我确信ajax请求完成了，但有时当我单击login按钮时，url中会出现问号，页面似乎刚刚刷新，例如：登录页面应该将我带到localhost:8080//index.html，但它有时将我带到localhost:8080//？

---

为什么会这样？如何解决此问题。

这是因为表单中的按钮类型为

submit

。这会导致您的from被提交，当表单被提交时，它会重新加载页面

将其更改为

按钮

like

 <button type="button" class="btn btn-lg " id="admin-login">Log In</button>

---

它现在工作了，谢谢，你能解释一下当类型被提交时到底发生了什么吗？我已经添加了一个解释。见答案的第一行

 <button type="button" class="btn btn-lg " id="admin-login">Log In</button>

var form = document.querySelector("form");;

form.addEventListener("submit", function(event){
   event.preventDefault()
});