递归ajax调用时出现内存不足问题

Question

在 ASP.NET Core MVC 项目中，我遇到的问题是，通过递归 Ajax 调用，内存在大约 5 分钟后就已满，并且浏览器崩溃并显示消息“内存不足”。每次调用时，都会检索大约 2000 个仅包含文本元素的列表元素，这些元素显示在部分视图的表格中。我使用partial view结合ajax来防止刷新时页面闪烁

<div id="mainDiv">
</div>

<script>
    $(document).ready(function () {
        loadData();

        function loadData() {
            $.ajax({
                method: "GET",
                url: '@Url.Action("GetPartial", "Order")',
                success: function (data) {
                    $("#mainDiv").html(data);
                    setTimeout(loadData, 5000);

                },
                error: function (err) {
                    console.error(err);
                }
            });
        }
    });
</script>

可能是什么原因导致了这个问题？

Answer 1

我已经找到问题的原因了。 这是导致问题的 JQuery 命令。

使用就不会出现这个问题

document.getElementById('mainDiv').innerHTML = data;

而不是

$("#mainDiv").html(data);

JQuery 版本 3.7.1