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

Question

我刚刚开始使用 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 -->

Answer 1

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

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