Почему функция возвращает не результат ajax запроса, а пустой результат?

Question

[Сергей]

Есть вызов функции:

checkWin();

Эта функция промежуточная для подготовки ajax запроса:

function checkWin() {
		var state = getBoardState();
		var res = apiSend('checkwin', state);
		console.log('res:' + res);
		return res;
	}

Функция с ajax запросом:

function apiSend(action, state, team=false) {
		
		$.ajax({
		    type: 'POST',
		    url: '/backend/api.php',
		    mimeType: "text/html",
		    data: { action:action, state:state, team:team}, 
		    success: function(data){
		    	console.log('data: '+data);
		    	return data;
		    },
		    error: function() {
		    	return false;
		    }, 

		  });
		
	}

Как видно, в коде есть два вызова console.log! Это для дэбага.
Их результат тут:

data: works
res: undefined

Т.е. данные от сервера приходят верные, но функция возвращает не то, что в success, а ничего не возвращает.
Я пробовал делать таймаут внутри $.ajax - та же беда.
setTimeout() внутри checkWin() тоже не помогает.

Что я делаю не так?

Comments

[Kovalsky]

Отвечая на вопрос "что я делаю не так": всё просто - вы не возвращаете значение из функции apiSend. Вот checkWin у вас возвращает значение, конечно не то которое нужно но всё же ключевое слово return есть:

function checkWin() {
    ...
    return res;
}

А apiSend у вас возвращает undefined, т.к. вы в функции нигде не пишете return:

function apiSend(/* arguments */) {
    $.ajax(/* options */);
}

Вы просто выполняете функцию $.ajax и всё.

Конечно это не решает проблему, зато наглядно демонстрирует тот факт, что вы из функции ничего не возвращаете.

Answer 1

[Hedy]

AJAX запрос - асинхронная функция, вы должны использовать callback а не возвращать значение. Добавьте в функцию apiSend еще 1 параметр для callback функции и укажите ее в "success".

Comments

[Сергей]

Я решил немножко иначе, добавив async: false.
Но Ваш ответ сделаю решением.
Спасибо.