Uncaught RangeError: Превышен максимальный размер стека вызовов (есть ли предельный размер данных)?

Question

Не могу понять это. Это мой JQuery:

$('#submit').on("click",function(e){
    e.preventDefault();
    $.ajax({
        type:'POST',
        url:'/signup/createuser/',
        data:{
            email:$('#email').val(),
            password:$('#password').val(),
            terms_checkbox:$('#terms_checkbox').is(':checked'),   
            recieve_email_checkbox:$('#recieve_email_checkbox').is(':checked'),          
            phone_number:$('#phone_number'),   
            // full_name:$('#full_name'),   
            csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val(),
        },
        success:function(data){
            console.log('here');
        }
    });
});

Это мой HTML:

<input id="full_name" type="text" class="form-control" name="name" placeholder="John Doe" value="">
<input id="phone_number" type="text" class="form-control" name="phone" placeholder="+1(444)444-44444" value="">

Если я закомментирую номер телефона - все работает нормально. Но когда я добавляю это - это ломается? Это заставляет меня задуматься, есть ли предел данных для POST?

Answer 1

Вы, вероятно, ищете $('#phone_number').val() вместо $('#phone_number'). jQuery попытается сериализовать данные для вас, и, возможно, произойдет сбой циклических ссылок в объекте коллекции jQuery.