在javascript函数中设置变量


Setting the variable in javascript function

我在为变量设置值时遇到问题。我的代码如下。

function fpform(){
var response_new = '';
var password_reset = "";
var fpemail = $('#frgtpwd').val();
//var fpemail = document.getElementById('frgtpwd').value;
if (fpemail == ""){
    $('span#fperror').text("insert your emal address");
    //document.getElementById('fperror').innerHTML = "Insert your email address";
    password_reset = 'no';
} else { 
    var filter = /^([a-zA-Z0-9_'.'-])+'@(([a-zA-Z0-9'-])+'.)+([a-zA-Z0-9]{2,4})+$/;
    if (filter.test(fpemail)==false) { 
        $('span#fperror').text("Email address is not in valid format");
        //document.getElementById('fperror').innerHTML = "Email address is not in valid format";
         password_reset = 'no';
    } else {
        $("#loader").html('<img src="images/ajax-loader.gif" />');
        $.post("forgot_password_process.php", {
            email:fpemail
        }, function(response){
            response_new = response.trim();
        }).success(function () {
            if (response_new == 'yes'){ 
                $("#fperror").html('<font color="green"><b>Your password has been reset now and emailed to you </b></font>');
                $("#loader").empty();
                password_reset = 'yes';
            } else {
                $("#loader").empty();
                $("#fperror").html('<font color="black"><b> Email address was not found in database!</b></font>');
                password_reset = 'no'; 
            } 
        }); 
    }
}
if (password_reset == "yes"){
    alert(password_reset);
    return true;
} else {
    alert(password_reset);
    return true;
}
}

最后一个if条件是检查password_reset变量是否设置为yes,并根据情况返回true或false。但警报显示password_reset变量的空值。我似乎找不到这背后的问题,因为password_reset变量应该在到达最后一个if之前分配。有人能提出解决方案吗。

亲切问候

$.post()是异步的,因此当您提醒数据时,请求尚未完成。要做到这一点,你还需要在成功回调中调用警报,以确保在尝试警报之前你有数据。另一种选择是使用同步AJAX调用(但这很少是一个好的选择)。

更新

不知道为什么你的函数会返回true/false,但要做到这一点,你必须进行同步AJAX调用,否则外部函数将在AJAX调用完成之前很久返回,此时你不知道响应是什么。

您可能应该尝试重新构造代码,使依赖于外部函数响应的代码可以由成功回调调用。

我本来打算和Christofer发布同样的东西。这是一个固定的代码示例。只需删除最后一个代码块。

.success(function () {
        if (response_new == 'yes'){ 
            $("#fperror").html('<font color="green"><b>Your password has been reset now and emailed to you </b></font>');
            $("#loader").empty();
            password_reset = 'yes';
            alert 'yes';
            return true;
        } else {
            $("#loader").empty();
            $("#fperror").html('<font color="black"><b> Email address was not found in database!</b></font>');
            password_reset = 'no';
            alert 'no';
            return false;
        }