0

我已经尝试了一整天,但我无法弄清楚如何去做。

我想做的是:

如果用户提交了登录表单,并且结果成功(意味着他的帐户存在,并且他可以登录),那么页面应该在用户登录后重新加载/刷新,并且应该重定向到同一页。

这是我到目前为止所做的:

在我的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>

表单提交成功,但是如果调用成功函数,如何重新加载页面?

任何帮助将不胜感激。

4

1 回答 1

0

你可以试试这个:

<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);
           if(result == 1){
                 window.location.href = FullURL;
               }  


        });
    });
于 2013-05-10T10:54:13.990 回答