Javascript回调异步Ajax YUI 3

Question

我正在尝试通过一个可重用的方法来进行异步ajax调用，从而减少代码并简化一些事情。实际上，我正在从jQuery切换到YUI 3，并在这个过程中清理东西。这对你们javascript的人来说可能非常容易发现，但我一直在试图弄清楚如何在不泄漏内存的情况下调用我的回调。如果我在任务管理器中观察IE，内存增长非常快(该函数每1.5秒调用一次)。

基本上，我有我的普通网页，它有我想要的函数，在ajax完成后调用。我从那里更新UI并设置其他变量，这些变量只是页面的一部分。我有一个javascript文件，我在其中放入了实际进行ajax调用的方法。当我使用传递给该方法的回调时，它会泄漏。

javascript文件：

function doAjaxRequest(url, callback) {
    YUI().use('io',
        function (Y) {
            var cb =
            {
                timeout: 5000,
                on: {
                    success: function (x, o) {
                        callback(o.responseText);
                    },
                    failure: function (x, o) {
                        callback("");
                    }
                }
            }

            Y.io(url, cb);
        });
}

网页：

doAjaxRequest(myUrl, showContent); // Called every couple seconds

        function showContent(o) {
            document.getElementById('ajaxcontent').innerHTML = o;
            // Other Stuff Removed    
        }

如果我注释掉回调行，它不会泄漏。我必须以另一种方式进行回调，我只是不知道那是什么。

Answer 1

问题是每次调用doAjaxRequest时都会创建一个新的YUI实例。代码的结构应该是这样的：

YUI().use('io', function (Y) {
function doAjaxRequest(url, callback) {
    // ...
}

window.doAjaxRequest = doAjaxRequest;
});

这将只创建一个YUI实例。