How to return json response to another function from a function with ajax request?

Question

JavaScript

There is a function with an ajax request that returns Json, but I can’t return it, I can only work in the success field: !
How can I return a response from the server so that I can work with it in multiple functions?

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

If I understand correctly, you need a promise object , which jQuery implements as a Deferred object .

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

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