how to return response in ajax call

Question

How can I get I return the response in ajax call,

I have tried with below code

function getDiscountAmount()
{
    for (var i = 0; i < invoice_ids.length; i++) {
        promises.push(getInvoiceAmountData(amount_tds, invoice_ids[i]));
    }
    Promise.all(promises).then((responses) => {
        var data= responses // need to return the response here
    })
    return data;
    function getInvoiceAmountData(amount_tds, invoice_id) {
        return $.ajax({
            url: "payments/getInvoiceAmount",
            method: "post",
            dataType: 'json',
            data: {"amount_tds": amount_tds, "invoice_id":invoice_id}
        });
    }
 }

And now get that response in different function

  function getResponse()
  {
      console.log(getDiscountAmount()) //it gives undefined
  }

I think there are some serious syntax errors. Those are two separate functions, right ? — Shanid, May 28 '18 at 11:13

score 1 · Answer 1 · answered May 28 '18 at 11:17

You are doing it right, just use the promises at correct place.

function getDiscountAmount()
{
    var promises = [];
    for (var i = 0; i < invoice_ids.length; i++) {
       promises.push(getInvoiceAmountData(amount_tds, invoice_ids[i]));
    }
    Promise.all(promises).then((responses) => {
        var data= responses // need to return the response here
    })
    return data;
}

Use a promise object in the ajax function

function getInvoiceAmountData(amount_tds, invoice_id) {
    return new Promise(function(resolve, reject){
          $.ajax({
            url: "payments/getInvoiceAmount",
            method: "post",
            dataType: 'json',
            data: {"amount_tds": amount_tds, "invoice_id":invoice_id},
            success: function(data){
                resolve(data);
            },
            error: function(error){
                reject(error);
            });
    });
}

score 0 · Answer 2 · answered May 28 '18 at 11:10

0

function getResponse()
  {
    console.log(getDiscountAmount().success(function(data){
         //data is your response
    });
  }

read more here: jQuery: Return data after ajax call success

answered May 28 '18 at 11:10

sander

719
2
9
21

score 0 · Answer 3 · answered May 28 '18 at 11:16

you should try easy ajax return function but you are doing that in complex way:

try this:

function test() {
     myFunction(function(d) {
     console.log(d);
 });
}

function myFunction(callback) {
  var data;
  $.ajax({
    url: 'url',
    data: 'data to send',
    success: function (resp) {
        data = resp;
        callback(data);
    },
    error: function () {}
  });
}

how to return response in ajax call

3 Answers3