Не срабатывает JS, выдает ошибку в брузере?

Question

[parger]

Ошибка в браузере

VM7348:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0
    at Function.parse [as parseJSON] (<anonymous>)
    at Object.success ((index):171)
    at u (jquery.min.js:1)
    at Object.fireWith [as resolveWith] (jquery.min.js:1)
    at k (jquery.min.js:1)
    at XMLHttpRequest.<anonymous> (jquery.min.js:1)

Сам код:

$(document).ready(function() {
    $("form").submit(function(event) {
        event.preventDefault();
        $.ajax({
            type: $(this).attr('method'),
            url: $(this).attr('action'),
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData: false,
            success: function(result) {
                json = jQuery.parseJSON(result);
                if (json.url) setTimeout(redirect, 2000, json.url);
                swal({
                    title: json.header,
                    text: json.message,
                    icon: json.status,
                });
            }
        });
    });
});

function redirect(url) {
    window.location.href = url;
}

Answer 1

[SagePtr]

Обычно если полученный с сервера JSON начинается с символа "<", это означает, что сервер вместо него возвращает HTML-код (вероятнее всего, страницу об ошибке). Смотрите, что конкретно сервер вам возвращает на данный запрос, который вы получаете AJAX'ом.

Comments

[parger]

У меня данный код работает на страничке /auth, а вот уже если перейти на /auth/restore - не работает

[Михаил]

parger, что в $(this).attr('action')

[parger]

Михаил,

<form action="/auth/restore/" method="post" class="ucpLoginForm">

[SagePtr]

parger, в инструментах разработчика в браузере, на вкладке Network посмотрите, что именно отправляет ваш скрипт и какой ответ получает

[parger]

SagePtr, html страничку передает

[SagePtr]

parger, разбирайтесь, почему вместо JSON он передаёт HTML-страницу

Answer 2

[Игорь]

Значит JSON не валидный. Посмотрите во вкладке Network в devtools ответ сервера. Кстате вы можете указать dataType: 'json' в объекте ajax и в функцию success передастся уже не строка json, а объект JavaScript

Comments

[parger]

Попытался, нет ошибки, но код не срабатывает.

У меня работает на страничке /auth, а вот уже если перейти на /auth/restore - не работает

[Игорь]

parger, а вы у вы у form поменяли атрибут action?

[parger]

loonny, конечно

<form action="/auth/restore/" method="post" class="ucpLoginForm">

[Игорь]

parger, Сделайте скрин ответа сервера

[parger]

Результат отправки

[Игорь]

это HTML а не JSON

[parger]

Ругается на json

[Игорь]

parger, нет, научитесь читать ошибки. Он ругается не на json, а на то что вы пытаетесь html файл спарсить методом который работает исключительно с json

[parger]

loonny, Не подскажите как исправить, именно не срабатывает на /auth/restore, а вот просто /auth/ срабаытвает, в чем суть проблемы, с js не особо дружу

[Игорь]

parger, покажите ответ с /auth/

[parger]

[Игорь]

parger, вот видите. Тут в ответ приходит JSON, а там HTML

[parger]

loonny, а в чем проблема, код выполняется один и тот же

[Игорь]

parger, проблема в том, что на странице /auth/ ошибка, и по этому она возвращается в формате JSON. А /auth/restore нормально выполняется и возвращает HTML