jQuery ajax post未捕获的RangeError：超出最大调用堆栈大小

Question

我在使用jQuery ajax时遇到了一个问题。我有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>

这段代码产生错误“UncaughtRangeError:Maximum call stack size exceeded”，我不明白为什么。我没有触发器，我使用了preventDefault和stopPropagation，但我仍然有这个错误。有人能帮我吗？

Answer 1

你需要去掉< code > var a = $(this)；。我不知道你想达到什么目的，但是使用jQuery包装的clicked元素作为请求数据是没有意义的。

Answer 2

不要使用var a = $(this)来获取页面，而是使用一个隐藏字段，并为该字段赋予页面值。

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

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

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

我想这将解决这个问题

Answer 3

如果要在该范围内未定义的数据中传递某些内容，也会出现此错误。另一个原因是直接通过 val（） 传入数据。