Question

我目前正在使用CakePHP-Framework开发一个Web应用程序。您可以看到平面图，并且可以将用户从一个座位拖放到另一个座位。

一些背景信息：

当我打开平面图时，我会在源代码中生成一个隐藏变量，列出所有用户及其设备，例如：

var users = "user1,user2,user3"

如果有人想在平面图上保存用户的位置，他们会调用此方法：

function getPositions() {
   $.each(users.split(","), function(i, user) {
       setPosition('#u'+user, 'us');
   });
}

他们调用ajax方法“setPosition”：

function setPosition(object, type) {
    var dataX = { "positions": [] };

    var position = $(object).offset();
    dataX.positions.push({
        "object"   : object,
        "posx"     : position.left,
        "posy"     : position.top
    });

    $.ajax("/CakePHP/seats/Rooms/Save/" + type,
    {
        type : 'post',
        data : dataX
    });
}

如您所见，此方法称为x次（x =平面图上的用户数）。当然，我不想告诉用户x次该功能是否成功。

我需要什么： 一条警告告诉用户楼层平面图已保存（或错误）

Answer 1

当许多AJAX请求完成后，您可以使用$.when执行某些逻辑。试试这个：

var requests = []; // array to store all requests.

function getPositions() {
    $.each(users.split(","), function(i, user) {
        setPosition('#u'+user, 'us');
    });

    $.when.apply($, requests).done(function() {
        console.log('Requests completed...');
    });
}

function setPosition(object, type) {
    var dataX = { "positions": [] };

    var position = $(object).offset();
    dataX.positions.push({
        "object"   : object,
        "posx"     : position.left,
        "posy"     : position.top
    });

    // add the request to the array
    requests.push($.ajax("/CakePHP/seats/Rooms/Save/" + type, {
        type : 'post',
        data : dataX
    }));
}

多个Ajax调用，一个回调

1 个答案: