Почему ajax запрос не возвращает данные с json файла на Laravel?

Question

[Adik Izat]

Доброго времени, форумчане! С Laravel начал дружиться относительно недавно, и наткнулся на проблему. Типичный ajax запрос с помощью функции .get() не хочет возвращать ничего. В блоке #depart-cities-block информация о городе вылета. Я хочу сделать так, чтобы при выборе города вылета в другом поле можно было выбрать только доступные страны из этого города а не все подряд. Данные хранятся во внешних базах данных в формате json. Доступ к файлам через url.

$('#depart-cities-block').on('change', function () {
        let townFromId = departCityName.attr('data-id');
        $.get("https://module.sletat.ru/Main.svc/GetCountries?townFromId=" + townFromId, function (data) {
            data = JSON.parse(data);
            let availableCountries = $('#available-countries');
            availableCountries.empty();
            for(let id in data){
                availableCountries.append($("<div class='country' data-value='" + id + "'>" + data + "</div>"));
            }
        });
    });

И можете ли подсказать действия/методы для того, чтобы быстрее находить ошибки самому? Благодарю!

Comments

[JhaoDa]

Где тут Laravel?

[atambalasi]

Проверь townFromId чему равно

[Adik Izat]

JhaoDa, событие 'change' не отслеживается. Я приписал внутри события после, переменной townFromId console.log(townFromId) и когда я меняю содержимое #departCityName ничего не происходит. В англоязычных форумах какие-то ответы про особенности Laravel, но я так и не понял в чем дело.

[JhaoDa]

Adik Izat, ещё раз — где тут хоть строчка РНР-кода, на котором написан ларавел?

[Adik Izat]

JhaoDa, при чем тут PHP? Я про особенность работы Laravel с csrf токеном. Ajax запросы не отправляются пока его правильно не вписать.

[JhaoDa]

Adik Izat, при чём тут csrf-токен? Ты даже не понимаешь, что это и зачем.

[Adik Izat]

JhaoDa, для безопасности запросов. Без csrf токена запросы не отправляются же.

[JhaoDa]

Adik Izat, какое отношение csrf-токены внутри ТВОЕГО приложения имеют к чужому API? Правильно, абсолютно никакое.

[Adik Izat]

JhaoDa, точно, извиняюсь, сейчас отредачу.

Answer 1

[Евгений Самойленко]

Вам нужно открыть для себя таинства отладки скриптов. Используйте debugger или console.log() отдельных участков кода, а так же devTools. В данном случае вам нужно проверить 2 вещи:

1. Что вы отправляете на сервер. (переменная townFromId может быть пустой)
   
2. Что вам отвечает сервер. (Выведите значение переменной data до json.parse)
   

Так же добавьте обработчик неуспешного запроса, возможно, запрос просто неуспешно выполнятся.

Comments

[Adik Izat]

Дело в том, что событие не отслеживается. Я сделал инпут #departCityName у которого .val() меняется при клике на пункт списка .depart-city. Но когда я выбираю нужный город из списка, значение departCityName меняется, но в блоке со списком стран ничего не происходит. То есть событие вовсе не регистрируется.

$('.depart-city').on('click', function () {
        departCityName.val($(this).html());
        departCityName.attr('data-id', $(this).attr('data-id'));
    });

А раз событие не отслеживается, значит и запрос не отправляется.

[Евгений Самойленко]

Довольно сложно помогать в исправлении ошибки не имея полной картины происходящего.