Почему переменная undefined?

Question

[Бауыржан (Баур) Советкали]

Добрый день.

Есть переменная lang, объявлена в блоке. Присваиваю ей значение в одном функционально блоке, а в другом использую, НО там где ее использую, она undefined. Подскажите пожалуйста, почему?

Вот код:

$('button[id="searchBtn"]').click(function () {
....
var lang;
    $.getJSON(
        'core/lang.php', {
            word: $('input[id="searchInput"]').val()
        },
        function (data) {
            var result = JSON.parse(data);
            lang = result['lang'];
        },
    );
    
        $.get(
            'core/search.php', {
                word: $('input[id="searchInput"]').val(),
                lang: lang
            },
            function (data) {
                result = JSON.parse(data);
                console.log(result);
            },
        )
});

Answer 1

[Владимир Скибин]

$('button[id="searchBtn"]').on('click', function () {
	....
	var lang;
	$.getJSON(
		'core/lang.php', {
			word: $('input[id="searchInput"]').val()
		},
		function (data) {
			var result = JSON.parse(data);
			lang = result['lang'];

			$.get(
				'core/search.php', {
					word: $('input[id="searchInput"]').val(),
					lang: lang
				},
				function (data) {
					result = JSON.parse(data);
					console.log(result);
				},
			);
		}
	);
});

Comments

[Бауыржан (Баур) Советкали]

все хорошо, НО теперь вот такая ситуация

Answer 2

[Alexander Pushkarev]

Запросы асинхронные. Используйте промисы

Answer 3

[Дмитрий Еремин]

не может быть такого, что ответ с первого запроса еще не пришел (и не обработан), а вы уже шлете второй асинхронный запрос?

Answer 4

[Stalker_RED]

$.getJSON работает асинхронно, и присвоение lang = result['lang'] произойдет только ПОСЛЕ того как придет ответ с сервера и JSON будет обработан.

Вызов $.get() произойдет намного раньше, когда в переменной lang все еще undefined.