使用 jquery ajax 调用时 IE7 内存泄漏

Question

我有一个 Web 应用程序，每秒执行一次 ajax 调用来刷新页面的状态 我在 IE7 和 jQuery(1.7.1) ajax 调用中遇到了严重的内存泄漏问题。

为了测试内存泄漏，我创建了一个 html 测试页面，它所做的就是在文档就绪时运行“refreshState”函数。

“refreshState”函数除了进行 ajax 调用和 通过setTimeOut函数设置该函数下次运行的时间。

<script type="text/javascript">
    var url = "http://localhost/QuotesService/QuotesService.svc/GetModel";

    function refreshState() {
        $.ajax({
            url: url,
            cache: false,
            dataType: "json",
            success: function (data) {
                //refresh page data(wasn't activated while testing for memory leaks)
                data = null;
            }
        });

        setTimeout(function () { refreshState() }, 1000);
    }

    $(document).ready(function () {
        refreshState();
    });
</script>

是否有更好的方法来实现此功能以消除内存泄漏？

谢谢 我愿意

Answer 1

除非绝对有必要，否则它每秒都很尖锐，也许它有助于将 setTimeout 放入 jQuery success 函数中。这样您就可以避免同时进行过多的 Ajax 调用，以防其中一个调用“堵塞”。如果您决定这样做，我还建议添加错误函数，它也会设置超时。这样，错误就不会破坏循环，并且能够“自行重启”。

Answer 2

我应该想象泄漏是由于 AJAX 调用花费的时间超过 1 秒，因此每个调用都被堆积起来。

您真的需要每秒更新一次吗？尝试使用 5 或 10 秒的间隔，并添加 interval - 1 超时（示例如下）。我敢打赌你的记忆问题就会消失。

另外，我会向您的 AJAX 添加一个 error 处理程序，以便您可以更好地监控 AJAX 调用的任何问题。

function refreshState() {
    $.ajax({
        url: url,
        cache: false,
        dataType: "json",
        timeout: 9000, // 9s timeout
        success: function (data) {
            //refresh page data(wasn't activated while testing for memory leaks)
            data = null;
        },
        error: function(xhr, status, error) {
            console.log(status + " : " + error)
        }
    });

    setTimeout(refreshState, 10000); // 10s interval
}