2017-10-12 8 views
0

GWTBootstrapの使用を開始しました。私は、ログインページを設定していると、今私がしたい:戻り値に基づいて別のページにリンクする方法

  • 値は、データベースから返された場合は、ログインページ
  • に失敗した滞在した場合は、データベースから返された値がある場合htmlpage1.html
  • に行く"1"です"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 --> 
+0

は非同期操作のように聞こえます。つまり、応答に作用するには '.promise'を使用する必要があります。 –

+0

'AJAX'を使ってサーバ側のスクリプトに投稿し、結果を返す必要があります。それに応じて指示する結果に対して条件付きで実行します。上記のように、あなたは明示的に応答を待つ必要があります。これは約束で行うことができます: –

+0

@RonRoyston - '.promise'とは​​何ですか? –

答えて

1

あなたはそれに基づいてPOSTのURLから、いくつかの応答を得るために内部のAJAXリクエストのクリックメソッドを作成する必要があり、あなたはリダイレクトします正しいhtmlに変換します。

とにかく、それを行うためにいくつかのフレームワークを使用する方が良いです。

+0

なぜ自分のコードを書くよりもフレームワークを使う方が良いのですか?私は数え切れないほどの年月をかけて何度もやってきました。それは簡単です。 – Rob

+0

チュートリアルでは、サーバー側から受け取った値に基づいて、次にリンクするHTMLを決定する方法を教えていただけますか? – Glyn

+0

フレームワークは、それが解決された共通のケースがたくさんあるので、それらのいくつか。とにかくそれはあなた次第です。チュートリアルについては、AJXレスポンスからサーバーは "status = 1 or status = 2 or status = ..."のような値を返します。正しいページにリダイレクトするだけです。 – Dody

関連する問題