$ getJSON函数在循环中调用了两次

Question

我的html页面中有一个按钮，当我点击后面的函数被调用时：

$("#rlsLckButton").click(function () {
    var userIds = '';
    var messages = [];
    for (i = 1; i < counter; i++) {
        userIds = $('#textbox' + i).val();
        if (userIds != " ") {
            $.getJSON('execLock.action', {
                RsUserIds: userIds
            }, function (json) {
                for (var i = 0; i < json.returnMessages.length; i++) {
                    messages.push(json.returnMessages[i]);
                }
            });
        }
    }    
    $("#TextBox").empty();
    for (var i = 0; i < messages.length; i++) {
        $("#TextBox").append('<p>messages[i]</p>');
    }
});

所以发生的事情是调用$ getJson函数然后它出来并执行其他代码

$("#TextBox").empty();
for (var i = 0; i < messages.length; i++) {
    $("#TextBox").append('<p>messages[i]</p>');
}

然后它再次调用相同的getJSON函数，这次它填充值但不调用next跟随代码并退出函数。不知道为什么会发生这种情况。请指教！感谢帮助。