Как вернуть json ответ в другую функцию из функции с ajax запросом?

Question

[Partizanin]

Есть функция с ajax запросом которая возвращает Json, но вернуть его не не могу, могу только работать в поле success: !
Как мне вернуть ответ от сервера чтобы я мог работать с ним в нескольких функциях ?

function callServeToChangeExchange(exchange, operation) {

    var myData = {"operationCall": operation, "exchange": exchange};

    loader("show");

    $.ajax({
        type: "GET",
        url: "/ConventerServlet",
        data: {jsonData: JSON.stringify(myData)},
        dataType: "json",

        //if received a response from the server
        success: function (data) {
            document.getElementById("exchange1").value = data.exchange1;
            document.getElementById("exchange2").value = data.exchange2;
            document.getElementById("exchange3").value = data.exchange3;
            document.getElementById("exchange4").value = data.exchange4;
            count($("#inputValue").val());
            /*loader("hide")*/
        },

        error: function(jqXHR, textStatus, errorThrown) {
            console.log(textStatus, errorThrown);
        },

        complete: function () {
            loader("hide")
        }

    });

}

Answer 1

[Евгений Петров]

Если я верно понял, вам требуется объект promise, который в jQuery реализуется как объект Deferred.

function callServeToChangeExchange (exchange, operation) {
	var defer = $.Deferred();
...
	$.ajax({
...
	}).done(function (data) {
		// Вот так теперь рекомендуют вместо success
		defer.resolve(data);
	});
	return defer.promise();
}

callServeToChangeExchange().then(function (data) {
	// А вот и данные запроса
});

Comments

[Partizanin]

Возможно, но не пойму как в другом методе присвоить результат метода callServeToChangeExchange какой-то переменной и дальше работать с ней!
Можно пример вызова метода callServeToChangeExchange из другой функции ?

[Евгений Петров]

function callServeToChangeExchange (exchange, operation) {
	var defer = $.Deferred();

	$.ajax({
		url: '/ConventerServlet',
		data: {
			jsonData: JSON.stringify({
				operationCall: operation,
				exchange: exchange
			})
		},
		dataType: 'json'
	}).done(function (data) {
		defer.resolve(data);
	}).fail(function () {
		defer.resolve();
	});
	return defer.promise();
}

function iLoveWriteAnswers () {
	loader('show');
	callServeToChangeExchange('...', '...').then(function (data) {
		for (var i = 3; i--;) {
			$('exchange' + (i + 1)).val(data['exchange' + (i + 1)]);
		}

		loader('hide');
		count($('#inputValue').val());
	});

	function loader (status) {
		
	}
}

[Евгений Петров]

Ну и да — где-то нужно вызвать iLoveWriteAnswers().
Откуда берутся параметры для передачи в callServeToChangeExchange — я также без понятия.

[Partizanin]

Евгений Петров: Все понял спасибо большое !

[Евгений Петров]

Проверку воткните на получение data. Я пропустил. Из fail вернётся undefined.

[Partizanin]

Евгений Петров: Вот так ?

.fail(function (xhr, status, errorThrown ) {
 alert( "Sorry, there was a problem!" );
        console.log( "Error: " + errorThrown );
        console.log( "Status: " + status );
        console.dir( xhr );
  });

[Евгений Петров]

Да нет же... При получении ответа

function iLoveWriteAnswers () {
	loader('show');
	callServeToChangeExchange('...', '...').then(function (data) {
		if (data) {
			for (var i = 3; i--;) {
				$('exchange' + (i + 1)).val(data['exchange' + (i + 1)]);
			}
		}

		loader('hide');
		count($('#inputValue').val());
	});

	function loader (status) {
		
	}

	function count (status) {
		
	}
}

[Partizanin]

Евгений Петров: Стесняюсь спросить что мы здесь делаем

if (data) {
      for (var i = 3; i--;) {
        $('exchange' + (i + 1)).val(data['exchange' + (i + 1)]);
      }
    }

[Евгений Петров]

Обход полей и установка им значения, полученного в результате запроса.