在我的例子中，我基本上忘记了获取输入的值。

错误的

let name=document.getElementById('name');
param={"name":name}

正确的

let name=document.getElementById('name').value;
param={"name":name}

dtTable.dataTable({
    sDom: "<'row'<'col-sm-6'l><'col-sm-6'f>r>t<'row'<'col-sm-6'i><'col-sm-6'p>>",
    "processing": true,
    "serverSide": true,
    "order": [[6, "desc"]],
    "columnDefs": [
        {className: "text-right", "targets": [2, 3, 4, 5]}
    ],
    "ajax": {
        "url": "/dt",
        "data": function (d) {
            d.loanRef = loanRef;
        }
    },
    "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
        var editButton = '';
        // The number of columns to display in the datatable
        var cols = 8;
        // Th row element's ID
        var id = aData[(cols - 1)];
    }
});

在上面的数据函数中，我使用了相同的名称d.loanRef = loanRef，但没有创建变量loanRef，因此递归地声明了自己。

解决方案:声明一个loanRef变量，或者更好的是，使用与d.loanRef不同的名称。

在你的代码中有一个递归循环(例如，一个函数最终会一次又一次地调用自己，直到堆栈满为止)。

其他浏览器要么有更大的堆栈(所以您会得到一个超时)，要么因为某种原因(可能是放置错误的try-catch)而忽略错误。

发生错误时，使用调试器检查调用堆栈。

这意味着在代码的某个地方，您正在调用一个函数，该函数又调用另一个函数，以此类推，直到达到调用堆栈限制。

这几乎总是因为递归函数的基本情况没有得到满足。

查看堆栈

考虑这段代码…

(function a() {
    a();
})();

下面是几次调用后的堆栈…

正如您所看到的，调用堆栈不断增长，直到达到极限:浏览器硬编码的堆栈大小或内存耗尽。

为了修复它，确保你的递归函数有一个基本情况，能够满足…

(function a(x) {
    // The following condition 
    // is the base case.
    if ( ! x) {
        return;
    }
    a(--x);
})(10);

我们最近添加了一个字段的管理网站，我们正在工作- contact_type…简单的对吧?好吧，如果你调用select“type”，并试图通过jquery ajax调用发送它，它会失败，这个错误深埋在jquery.js中。

$.ajax({
    dataType: "json",
    type: "POST",
    url: "/some_function.php",
    data: { contact_uid:contact_uid, type:type }
});

问题是，type:type -我相信是我们将参数命名为“type”-有一个名为type的值变量不是问题。我们将其更改为:

$.ajax({
    dataType: "json",
    type: "POST",
    url: "/some_function.php",
    data: { contact_uid:contact_uid, contact_type:type }
});

并相应地重写了some_function.php——问题解决了。

几乎每个答案都说这只能由无限循环引起。这是不正确的，否则您可以通过深度嵌套调用溢出堆栈(并不是说这是有效的，但它肯定是在可能的范围内)。如果你可以控制你的JavaScript虚拟机，你可以调整堆栈大小。例如:

节点——时= 2000

请参见:如何在Node.js中增加最大调用堆栈大小