1
$(function() {
    $("form").submit(function() {
        if ($(this).valid()) {
            alert("Началась загрузка резюме.");
            $.post('DownloadResumes', { ResumesAmount: $("#ResumesAmount", this) }, function(data) {
                if (data.result === "success") {
                    alert("Резюме успешно загружены!");
                } else {
                    alert("Резюме не загружены");
                }
            })
            .done(function (data) {
                if (data.result === "success") {
                    alert("Резюме успешно загружены!");
                } else {
                    alert("Резюме не загружены");
                }
            });
        } else {
            alert("Некорректный ввод!");
        }
        return false;
    });

Сервер возвращает простой JSON-ответ {"result":"success"}. Но ещё до возврата ответа возникает ошибка:

Uncaught RangeError: Maximum call stack size exceeded

В результате чего после ответа вместо того, чтобы JSON был обработан в success или .done() функциях, происходит полная перезагрузка страницы, содержащая JSON-ответ. Пробовал использовать success и .done() по отдельности: результат тот же.

1
  • Просто таким образом показал, что пробовал и так и сяк. Из-за ошибки ни done, ни success не перехватывает json-ответ. Как я уже и писал, пробовал использовать их по-отдельности.
    – RRRPro
    30 июн 2015 в 4:01

1 ответ 1

3

Проблема в том, что $("#ResumesAmount", this) - это объект jQuery, а не Number или String. Как видно в примере, jQuery очень плохо реагирует на такое.

Если вам нужно передавать значение #ResumesAmount, то нужно использовать $("#ResumesAmount", this).val() (если #ResumesAmount - input, textarea или select) или $("#ResumesAmount", this).text() (с остальными тегами: div, span и т.д.).

Если вы соблюдаете правила хорошего тона в HTML-коде (в частности, ID элементов в документе уникальны), то вместо $("#ResumesAmount", this) можно просто использовать $("#ResumesAmount").

Сокращенный рабочий пример:

$(function() {
    $("form").submit(function() {
        $.post('DownloadResumes.html', {
            ResumesAmount: $("#ResumesAmount").val()
        });
        return false;
    });
});
<form action="">
    <input id="ResumesAmount" />
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Пример в fiddle.

2
  • Огромное спасибо, проблема была действительно в этом. Вопрос решён.
    – RRRPro
    30 июн 2015 в 4:22
  • @RRRPro на здоровье. Весьма интересная ошибка в самой jQuery, кстати.
    – Regent
    30 июн 2015 в 4:24

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.