0

我的应用程序由复杂的数据库架构支持，外键限制很重，导致我的 JavaScript 充满了callback处理程序。对于单个操作，例如创建新订单，可能需要多达三个 XHR 来提交所有必要的数据以进行处理。

目前，我正在以我觉得相当不雅或至少有点草率的方式处理这个问题......

/** -- PSEUDO CODE -- */
myOrder.save({
    success: function()
    {
         /** This request handled inserting the main attributes of the model
             into the database, which means it is safe to fire off additional
             requests */
         myOrderContents.store.sync({
                success: function()
                {
                    /** Possibly fire another request here, that is dependent on
                        the first two requests returning successfully, or maybe
                        execute code that is also dependent on these requests.
                      */
                }
         });
    },
    failure: function()
    {
    /** Handle Failure Here */
    }
});

我意识到另一种可行的方法是类似于调用一个回调方法的所有请求，然后它只会执行特定的代码块......

myOrder.save({callback: executeAfterRequests});
myOrderContents.store.sync({callback: executeAfterRequests});
myOtherObject.save({callback: executeAfterRequests});

executeAfterRequests: function()
{
    if(requestA.isComplete() && requestB.isComplete() && requestC.isComplete())
    {
    /** Execute some code after all requests have been completed... */
    }
}

鉴于 ExtJS 开发人员强烈反对同步请求，我最好的选择是扩展基本 AJAX 类并实现队列吗？或者，接受 AJAX 的本质并继续使用嵌套success功能继续我的快乐方式？

谢谢您的意见。

4

2 回答 2

1

为什么不将所有需要的数据一起发送到服务器呢？您可以在服务器上逐步创建记录，并在完成后返回。有一些表单向导的例子可以让用户完成一个逐屏收集数据的漫长过程，但最后提交所有数据。

于 2012-11-09T05:26:56.187 回答
0

是的，我会使用一个队列助手，您可以将函数放入其中并一个接一个地包装和执行它们。

也许您应该查看可用的工具，看看其中一个是否适合您的需要，显然其中有几个。不幸的是，我认为，它们都没有被接受为标准技术。

于 2012-11-08T21:40:07.397 回答