Return javascript function within another function

Question

I am making a call via ajax and returning an array. Using the.log console I see the result of the query. But what I need to call this result inside another google Chart function

quantityDaySurgeries = function(){
  var array = '';
  $.ajax({
    async: false,
    type: "POST",
    dataType: "json",
    url:  getUrl + 'informations/dashboard',
    data: {datec:$("#datepicker_3").val(),dater:$("#datepicker_4").val() },
    success: function(data) {
      $.each( data.daysurgerys, function(index,element){
        array += '["'+element.day+'",'+element.quantity+','+element.pen+','+element.nop+'],';
      })     
    }
  });

  return array;
};

If I call her that it doesn’t come dice

function drawVisualization() {
  var data = google.visualization.arrayToDataTable([
    ['Month', '','',''],
    quantityDaySurgeries()
  ]);

Could someone help me? Thank you

Answer 1

The $.ajax will not execute the success before your return, you can work with Promise or with callback functions to get the expected result.

Example: Promise

quantityDaySurgeries = function () {
    return new Promise((res, rej) => {
        var array = '';
        $.ajax({
            async: false,
            type: "POST",
            dataType: "json",
            url: getUrl + 'informations/dashboard',
            data: { datec: $("#datepicker_3").val(), dater: $("#datepicker_4").val() },
            success: function (data) {

                $.each(data.daysurgerys, function (index, element) {
                    array += '["' + element.day + '",' + element.quantity + ',' + element.pen + ',' + element.nop + ']';

                })

                res(array);
            },
            error: function (err) {
                rej(err);
            }
        });
    })
};

// utilização

function drawVisualization() {
    quantityDaySurgeries().then(function (result) {
        var data = google.visualization.arrayToDataTable([
            ['Month', '', '', ''],
            result
        ]);

        // o resto do seu código
    }).catch(function(err) {
        // deu erro..
    });
}

Example: Callback function

quantityDaySurgeries = function (onSuccess, onError) {
        var array = '';
    $.ajax({
        async: false,
        type: "POST",
        dataType: "json",
        url: getUrl + 'informations/dashboard',
        data: { datec: $("#datepicker_3").val(), dater: $("#datepicker_4").val() },
        success: function (data) {

            $.each(data.daysurgerys, function (index, element) {
                array += '["' + element.day + '",' + element.quantity + ',' + element.pen + ',' + element.nop + ']';

            })

            onSuccess(array);
        },
        error: function (err) {
            onError(err);
        }
    });
};

// utilização
function drawVisualization() {
    quantityDaySurgeries(function(result) {
        var data = google.visualization.arrayToDataTable([
            ['Month', '', '', ''],
            result
        ]);

        // o resto do seu código
    }, function (err) {
        // erro...
    })
}