如何根据返回的值链接到另一个页面

时间:2017-10-12 01:31:07

标签: javascript html gwtbootstrap3

我刚开始使用GWTBootstrap。我已经设置了登录页面,现在我想:

  • 如果登录失败,请留在页面上
  • 如果从数据库返回的值为"1",请转到htmlpage1.html
  • 如果从数据库返回的值为"2",请转到htmlpage2.html

这样,如果输入了错误的登录信息,我不会转到下一页,如果登录成功,则会向具有不同访问级别的人员显示不同的信息。

是否有一个教程可以解决这个问题?

我的HTML代码是:

  <form class="form-signin">
    <h2 class="form-signin-heading">Please sign in</h2>
    <input type="text" class="input-block-level" placeholder="Email address">
    <input type="password" class="input-block-level" placeholder="Password">
    <label class="checkbox">
      <input type="checkbox" value="remember-me"> Remember me
    </label>
    <button id="SignIn" class="btn btn-large btn-primary" type="submit">Sign in</button>

    <script type="text/javascript"> 
        document.getElementById("SignIn").onclick = function () {
        location.href = "htmlpage1.html";
        };
    </script>

  </form>

</div> <!-- /container -->

1 个答案:

答案 0 :(得分:1)

你需要在点击方法中创建一个AJAX请求,以便从POST网址获得一些响应,基于它,你将重定向到正确的html。

无论如何,最好使用一些框架来做到这一点。