jquery - Ajax を使用して外部ページで Play Framework リクエストを処理する

Question

したがって、私が見たすべての例は、それらが play フレームワーク自体の中で使用されているように見えます。

phoneGap を使用するモバイル アプリケーションで最終的に使用される外部ページからの単純なログインを処理しようとしています。

ajax リクエストを送信すると、302 コードが返されます。これは、管理ページにリダイレクトしたいので、これで問題ないと思います。私の問題は、リダイレクトの処理方法がわからないこと、または play Framework が間違った情報を送信している可能性があることです。

これは私の ajax 呼び出しです。

            $("#loginPage").on('pageinit',function(event){ 
                $("#loginBtn").click(function() { 
                    $surl =  "http://morning-oasis-8528.herokuapp.com/login";
                    $username = $('#username').val();
                    $password = $('#password').val();
                    var bool = new Boolean("TRUE");
                    $.ajax({
                        type:"POST",
                        url: $surl,
                        data: {username:$username, password:$password, remember:bool},
                        dataType: "json",
                        success :  function(data, textStatus) {
                            if(data.redirect){
                                window.location.href = data.redirect;
                            } else {
                                alert(data);
                            } 
                        }
                    });

                });
            });

そして、これは私のhtmlです：

  <div data-role="header" data-theme="b">
            <h1>Login Form</h1>
            <a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
            <a data-rel="back" data-role="button" class="ui-btn-left" data-icon="back">Back</a>         
        </div><!-- /header -->
        <div data-role="content" data-theme="d">    
            <div data-role="fieldcontain">
                <label for="username">Username :</label>
                <input type="text" name="username" id="username" required="required" /><br/><br/>
                <label for="password">Password:</label>
                <input type="password" name="password" id="password" required="required" />
                <button data-theme="b" id="loginBtn" >Log-In</button>
            </div>
        </div><!-- /content -->
        <div data-role="footer" data-theme="b" >
            <p>Login Form</p>
        </div><!-- /footer -->
    </div><!-- /page -->