3

所以我看到的所有例子,看起来都像是在游戏框架中使用的。

我正在尝试处理来自外部页面的简单登录,该外部页面最终将在使用 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 -->
4

0 回答 0