Question

我有一个函数，它从AJAX调用返回数据，以确定用户是否有剩余的信用，然后相应地显示数据。奇怪的是该函数没有返回预期的结果。这是代码：

function setupBuildInputs() {
    noCreditsError = '<div class="alert alert-danger">You have no build credits remaining, please contact a representative to purchase more.</div>';

    if ( $('#newWebsiteBuildForm #user_id').length ) { 
        $('#newWebsiteBuildForm #user_id').change(function () {
            userID = $(this).val();
            jQuery.get(SITE_URL + '/ajax.php?action=getBuildCreditsRemaining&id=' + userID, function(numOfCredits) {
                if ( numOfCredits > 0 ) {
                    // Get latest website URL and show it on the page
                    $('#websiteURLHolder').html('Updating...');
                    jQuery.get(SITE_URL + '/ajax.php?action=getNextWebsiteUsername&id=' + userID, function(data) {
                        $('#websiteURLHolder').html(data + '.checkoutyournewsite.com');
                    });
                } else {
                    $('#quickBuildTagsHolder').html( noCreditsError );
                }
            });
        }); 
    }
    $('#newWebsiteBuildForm #template').change(function () {
        // Show the build form items
        numOfRemainingCredits = checkBuildCredits( $('#newWebsiteBuildForm #user_id').val() );
        alert(numOfRemainingCredits);

        if ( numOfRemainingCredits > 0 ) {
            $('#quickBuildTagsHolder').html('Updating...');
            jQuery.get(SITE_URL + '/ajax.php?action=returnQuickBuildTags&template=' + $(this).val(), function(data) {
                $('#quickBuildTagsHolder').html(data);
            });
        } else {
            $('#quickBuildTagsHolder').html( noCreditsError );
        }
    });
}
function checkBuildCredits( userID ) {
    buildCredits = 0;

    jQuery.get(SITE_URL + '/ajax.php?action=getBuildCreditsRemaining&id=' + userID, function(data) {
        buildCredits = data;
    });

    return buildCredits;
}

setupBuildInputs();

使用firebug我可以看到对ajax.php？action = getBuildCreditsRemaining的调用从页面中提取正确的id并返回正确的值（9999）。为了进一步调试，我在第二个更改事件处理程序上添加了警报，结果返回为0而不是9999.

接下来，我向添加了checkBuildCredits函数添加了2个警报。第一个验证了ajax调用是否正常，数据设置为9999.第二个奇怪地表明buildCredits在函数返回之前仍然设置为0。

在setupBuildInputs函数中，第一个更改处理程序使用相同的ajax调用并且它工作正常，第二个使用函数的更改处理程序失败，因为它没有得到9999而是看到0。

这里有什么想法吗？

Answer 1

jquery.get默认为异步。所以在获取数据之前，函数会在函数checkBuildCredits

中返回0值

Answer 2

而不是$.get()尝试使用以下内容：

$.ajax({
    url: SITE_URL + '/ajax.php?action=getBuildCreditsRemaining&id=' + userID,
    success: function(data) {
        buildCredits = data;
    },
    asynch: false
});

这将等待ajax调用完成，然后继续执行脚本。

Answer 3

用这个

替换checkBuildCredits

function checkBuildCredits( userID, successFn ) {


jQuery.get(SITE_URL + '/ajax.php?action=getBuildCreditsRemaining&id=' + userID, function(data) {
    successFn(data);
});

}

然后当你调用checkBuildCredits时，就像这样做

checkBuildCredits( $('#newWebsiteBuildForm #user_id').val(), function(numOfRemainingCredits )
{
 if ( numOfRemainingCredits > 0 ) {
        $('#quickBuildTagsHolder').html('Updating...');
        jQuery.get(SITE_URL + '/ajax.php?action=returnQuickBuildTags&template=' +   $(this).val(), function(data) {
            $('#quickBuildTagsHolder').html(data);
        });
    } else {
        $('#quickBuildTagsHolder').html( noCreditsError );
    }

});

正如其他人解释的那样，jquery.get是异步的。根据您的设计，您将jquery.get视为同步调用。

Javascript返回不正确的值

3 个答案: