jQuery $ .post（）リクエストは2度実行されない限り動作しません

Question

ここには2つの機能があります。

function getUserInformation(UserID) { 
    $.post("assets/scripts/chat/get_user_info.php", { 
     UserID: UserID 
    }, function (data) { 
     if (data == "error") { 
      alertBar('negative', 'There was an error sending the message'); 
     } 
     window.username = data; 
    }) 
} 

function CreateChatBox(UserID) { 
    if ($('#' + UserID).length == 0) { 
     getUserInformation(UserID); 
     alert(username); 
    } 

私の問題は、CreateChatBox()機能が実行されると、それが実際に動作するために二回クリックする必要があること、です。どのようにしてCreateChatBox()関数からgetUserInformation()関数を削除すると、CreateChatBox()関数が正常に実行されます。

誰でもこの問題を解決できますか？ありがとう。

---編集（追加の詳細）----

私は<a onclick = "CreateChatBox()">Some link</a>何も起こりませんリンクをクリックしてください。しかし、それをクリックすると2度目に機能します。 CreateChatBox()関数からgetUserInformation()関数を削除すると、リンクがクリックされたときに初めてCreateChatBox()関数が機能します。

Answer 1

これは、あなたがajax応答が完了するのを待っていないからです。最初にクリックすると、postによってajaxコールが行われ、2回目のクリックで応答が得られる可能性が高くなります。あなたは成功ハンドラの中にこのパットアラートを見ることができます。

function getUserInformation(UserID) { 
    $.post("assets/scripts/chat/get_user_info.php", 
    { 
     UserID: UserID 
    }, 
    function(data){ 
     if (data == "error") { 
      alertBar('negative','There was an error sending the message'); 
     } 
     window.username = data; 
     alert(window.username); 
    }); 
} 


function CreateChatBox(UserID) { 
    if ($('#'+UserID).length==0) { 
     getUserInformation(UserID); 
    } 
    //alert(username); 
} 

Answer 2

これはリクエストが非同期であることを意味するAJAXです。

function getUserInformation(UserID, callback) { 
    $.post("assets/scripts/chat/get_user_info.php", {UserID: UserID}, function(data) { 
     if (data == "error") { 
      alertBar('negative', 'There was an error sending the message'); 
     } 
     callback(data); 
    }) 
} 


function CreateChatBox(UserID) { 
    if ($('#'+UserID).length == 0) { 
     getUserInformation(UserID, function(username) { 
      alert(username); 
     }); 
    } 
}