javascript - php/jQuery 检查用户名是否存在

Question

我一直在尝试创建一个系统来检查所选用户名是否已被使用。我想出了以下代码。

function checkUsername(username,func){ 
    $.post("functions/checkUsername.php",{'username': username},function(data){ 
        if(data!='1'){ popup_alert('The username you selected already exists.','Username Exists','Close'); return false; }
        else{ window[func](); }
    });
}

checkUsername.php 如果用户名存在则返回 0，如果可用则返回 1。我对此进行了许多测试。我的问题是，由于某种原因，它在设置数据之前运行 if 语句。我在 if 语句之前插入了一个 alert(data) ，它在创建 popup_alert 后弹出一个 1 。

Answer 1

function checkUsername(username,callback){ 
    $.post("functions/checkUsername.php",{'username': username},function(data){ 
    callback && callback(data);      
    });
}

...

checkUsername(username,function(data) {
  if(data!='1'){ popup_alert('The username you selected already exists.','Username     Exists','Close'); return false; }
    else{ window[func](); }
});

或者你可以使用 $.ajax

function checkUsername(username,func){ 
      $.ajax({
        type: 'POST',
        async: false, 
        data: {'username': username},
        url: 'functions/checkUsername.php',
        success: function(data) {
          if(data!='1'){ popup_alert('The username you selected already exists.','Username  Exists','Close'); return false; }
        else{ window[func](); }
        },
        error: function() {
          alert('Connection error!');
        }
      });
}