使用Ajax处理外部页面上的Play Framework请求

时间:2012-10-04 10:00:32

标签: jquery post jquery-mobile playframework

所以我看过的所有例子看起来都像是在play框架中使用的。

我正在尝试从外部页面处理一个简单的登录,最终将使用phoneGap在移动应用程序上使用。

当我发送ajax请求时,我得到一个302代码,我认为这是好的,因为我想要重定向到管理页面。我的问题是我不知道如何处理重定向,或者游戏框架可能向我发送了错误的信息。

这是我的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 -->

0 个答案:

没有答案