所以我看到的所有例子,看起来都像是在游戏框架中使用的。
我正在尝试处理来自外部页面的简单登录,该外部页面最终将在使用 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 -->