jQuery ajax post Uncaught RangeError: Maximale Call-Stack-Größe überschritten

Ich habe ein Problem mit jQuery Ajax. Ich habe Javascript

 <script type="text/javascript">
    $(function() {
        $('body').on("click", "#pager a", function(e) {
            e.stopPropagation();
            e.preventDefault();
            var a = $(this);
            var model = $('#searchForm').serialize();
            $.ajax({
                url: '/Product/Products',
                type: 'POST',
                data: {
                    model: model, page: a
                },
                success: function (data) {
                    alert('success');
                    $('#productsList').html(data);
                }
            });
        });
    });
</script>

Dieser Code erzeugt den Fehler “Uncaught RangeError: Maximale Aufrufstapelgröße überschritten” und ich verstehe nicht warum. Ich habe keinen Trigger, ich habe preventDefault und stopPropagation verwendet, aber ich habe immer noch diesen Fehler. Kann mir jemand helfen?

Dieser Fehler kann auch auftreten, wenn Sie etwas in Daten übergeben, das nicht in diesem Bereich definiert ist. Ein weiterer Grund ist die direkte Übergabe von Daten mit val().

Anstatt var a = $(this) zu verwenden, um die Seite abzurufen, verwenden Sie ein verborgenes Feld und geben Sie dem Feld den Seitenwert.

<input type="hidden" value="xyzpage" id="pageValue">

var pageVal = $("#pageValue").val();

data: {
         model: model, page:pageVal 
      },

Dies wird das Problem lösen, denke ich

Die musst du ausziehen var a = $(this);. Ich weiß nicht, was Sie dort erreichen wollen, aber die Verwendung eines von jQuery umschlossenen angeklickten Elements als Anforderungsdaten ist unsinnig.

Auch eine Endlosschleife kann diese Art von Fehler verursachen. Sehen Sie, dass Sie dieselbe Funktion nicht innerhalb einer Funktion aufrufen.

Ich bin auf ein solches Problem gestoßen, als ich ein großes Stück JSON mit jquery.tmpl.js analysiert habe. Dieser Fehler tritt auf, wenn große Arrays mit der Funktion concat() verarbeitet werden. Hier ein Link zum Problem: https://bugs.chromium.org/p/chromium/issues/detail?id=103583
Das Problem wurde seit 2011 nicht gelöst. Um es zu lösen, musste ich die Javascript-Bibliotheksdatei jquery-3.3.1.js bearbeiten. Für diejenigen, die diese Entscheidung wiederholen möchten, gehen Sie wie folgt vor: Suchen Sie die folgende Zeile in der Bibliotheksdatei return concat.apply ([], ret); und ersetzen Sie es durch den folgenden Code.

        // Flatten any nested arrays
        if ([].flat) return ret.flat();


        var ret2 = [];

        ret.forEach(function (i) {

            if (i instanceof Array) {

                i.forEach(function (i2) {
                    ret2.push(i2);
                });

            } else {
                ret2.push(i);
            }

        });

        return ret2;

        // original code:
        // return concat.apply([], ret);
        // chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=103583

Wir prüfen, ob es eine flat()-Funktion im Arsenal des Browsers gibt, er hat zum Beispiel einen Chrome-Browser, und wenn es eine gibt – führen Sie einfach die Datenarrays zusammen – es wird nichts weiter benötigt. Wenn nicht, geht der Browser einen langsameren Weg, aber zumindest gibt es keinen Fehler.

Ich möchte meine Erfahrung teilen,

In meinem Fall war es nur ein falscher Parametername und genau die gleiche Fehlermeldung: Anstelle von confID habe ich die configID eingegeben und diesen Fehler erhalten.

 function openNameEditor() {
    var confID = $("#configStatusList").attr("data-id");
    debugger;
    $.ajax({
        url: '@Url.Action("GetModelNameToChange", "Admin")',
        type: "GET",
        dataType: "HTML",
        data: { configID: configID},//Here, instead of confID, I put configID which doesn't exist in the function.
        success: function (response) {
            $("#name-editor").html(response);
        },
        error: function (er) {
            alert(er.error);
        }
    });

}