我已经尝试了一整天,但我无法弄清楚如何去做。
我想做的是:
如果用户提交了登录表单,并且结果成功(意味着他的帐户存在,并且他可以登录),那么页面应该在用户登录后重新加载/刷新,并且应该重定向到同一页。
这是我到目前为止所做的:
在我的custom-functions.js
文件中,我尝试为 AJAX 表单提交创建一个通用函数。
function AjaxFormSubmit(data){
return data.ajaxSubmit({
success: function(output){
var result = output.split(":::");
if(result[0] == "error")
{
var msg = result[1];
ErrorNotification(msg);
return 2;
}else
if(result[0] == "warning")
{
var msg = result[1];
WarningNotification(msg);
}else
if(result[0]== "alert")
{
var msg = result[1];
AlertNotification(msg);
}else
if(result[0]== "success")
{
var msg = result[1];
SuccessNotification(msg);
return 1;
}
},
error: function(output){
var msg = 'Some Database Error Occurred';
ErrorNotification(msg);
}
});
}
然后这是我的登录表格:
<form action="ManageUsers/login" id="UserLoginForm" method="POST" accept-charset="UTF-8">
<input id="user_username" placeholder="Username Here" style="margin-bottom: 15px; width:90%;" type="text" name="Username" />
<input id="user_password" placeholder="Password Here" style="margin-bottom: 15px; width:90%;" type="password" name="Password" />
<input id="user_remember_me" style="float: left; margin-right: 10px;" type="checkbox" name="RememberMe" value="1" />
<label class="string optional" for="user_remember_me"> Remember me</label>
<input class="btn btn-primary" id="UserLoginBtn" style="clear: left; width: 100%; height: 32px; font-size: 13px;" type="button" name="commit" value="Sign In" />
</form>
这是我的登录表单中用于调用表单提交功能的脚本..
<script language="JavaScript">
$(document).ready(function(e){
$('#UserLoginBtn').click(function(e){
var UserLoginForm = $('#UserLoginForm');
var FullURL = '';
var PathUrl = getAbsolutePath();
var HashLocation = location.hash;
var FullURL = PathUrl+HashLocation;
//window.location.reload(FullURL);
var result = AjaxFormSubmit(UserLoginForm);
alert(result.data);
});
});
</script>
表单提交成功,但是如果调用成功函数,如何重新加载页面?
任何帮助将不胜感激。