如何在javascript中逐个调用两个方法?

时间:2016-08-26 08:07:07

标签: javascript jquery

请看一下这种方法。在这个函数响应中,我调用了两个函数findConnectedUsersRelationship()displayUsers(response.users)

问题是displayUsers(response.users)方法运行并在findConnectedUsersRelationship()之前获得结果。我的要求是我需要先运行findConnectedUsersRelationship()和第二displayUsers(response.users)。第二种方法取决于第一种方法。

function filterUsers(location, gender, youngAge, oldAge, interests){
        var userId = signedUserId;
        $.post(urlHolder.filter, {
            userId: userId,
            location: location,
            gender: gender,
            youngAge: youngAge,
            oldAge: oldAge,
            interests: interests
        }, function(response) {
            console.log('User response <<>>', response.users.length);
            var filteredUsers;
            findConnectedUsersRelationship();
            displayUsers(response.users);

        });
    }



// To find connected user relationship
var relationshipList = new Array;
function findConnectedUsersRelationship() {
    try {
        $.post(urlHolder.findConnectedUsersRelationship, {
            userId : signedUserId
        }, function(response) {
            //console.log('response downforanything: ', JSON.stringify(response));
            if (response) {
                for (var counter = 0; counter < response.users.length; counter++) {
                    relationshipList.push(response.users[counter].id);
                }
            } else {
                console.log('No connected users >>>> ');
            }
            //console.log('relationshipList.length',relationshipList);
            console.log('relationshipList length in auto complete *** ',relationshipList.length);
        });
    } catch (e) {
        console.log('findConnectedUsersRelationship Exception >>>', e);
    }

}

1 个答案:

答案 0 :(得分:5)

$.post会返回promise

您可以使用它来继续您的代码:

function filterUsers(location, gender, youngAge, oldAge, interests){
    $.post(url, { ... }, function(response) {
        findConnectedUsersRelationship().done(function() {
            displayUsers(response.users); 
        });
    });
}

并更改您的findConnectedUsersRelationship()以从其ajax函数返回promise,因此而不是:

function findConnectedUsersRelationship() {
    $.post(...

它变成了

function findConnectedUsersRelationship() {
    return $.post(...