How to invoke a method from ajax success function?

Question

I've a jQuery with ajax using to fetch some data from a servlet

    <script type="text/javascript">
            $(document).ready(function() {

                $.ajax({
                 url:'ServiceToFetchDocType',
                 type:'post',
                 cache:false,
                 success: function(response){
                 //some data fetched from ServiceToFetchDocType
                 //Need to invoke another method here
}
            });


            </script>

Is it possible to invoke another method inside the success function and get some value? I've very new to jQuery and ajax, any kind of help is appreciated.

https://stackoverflow.com/questions/22233650/jquery-nested-ajax-calls-formatting — tech2017, Jun 13 '17 at 12:24
You can give your own function to success. success can take any function with response — Dinesh undefined, Jun 13 '17 at 12:26

score 17 · Accepted Answer · edited Feb 14 '19 at 01:50

17

$(document).ready(function() {
  $.ajax({
    url: 'ServiceToFetchDocType',
    type: 'post',
    cache: false,
    success: function(response) {
      /* invoke your function*/
      yourFunction();
    }
  });
});

edited Feb 14 '19 at 01:50

septianw

121
1
6

answered Jun 13 '17 at 12:26

guest

706
7
15

score 5 · Answer 2 · answered Jun 13 '17 at 12:34

you can do something like this

var invokeAfterSuccess = function() {

}

var successFunction = function(response) {
  /* do something here */
  invokeAfterSuccess()
}

$.ajax({
     url:'ServiceToFetchDocType',
     type:'post',
     cache:false,
     success: successFunction 
})

/*--------------- OR -------------*/

$.ajax({
     url:'ServiceToFetchDocType',
     type:'post',
     cache:false
}).done(successFunction)

vinod upadhyay · Answer 3 · 2017-06-14T06:31:42.393

2

<script type="text/javascript">
        $(document).ready(function() {

            $.ajax({
             url:'ServiceToFetchDocType',
             type:'post',
             cache:false,
             success: function(response){
             Myfunction(); //this is how you can call function
}
        });
Myfunction(){
alert("hiii")
}
}
        </script>
// thats how it will work

edited Jun 14 '17 at 06:31

answered Jun 13 '17 at 12:33

vinod upadhyay

31
4

score -4 · Answer 4 · answered Dec 26 '20 at 13:19

 [success: function (data) {
                                TypeOfReportDropdown.closest("form").find("div\[id$='MonitoringChemicalData'\]")\[0\].innerHTML = data;
                                var hours = $("#UptimeHourYear").val();
                                var emissions = round(parseFloat(($("#AverageMassLoadOut").val() * hours) / 1000), 1);
                                $("#Emissions").val(emissions);
                                $("#TotalEmissions").val(emissions); 

                                $(this).delay(3000).queue(function () {
                                    var emissieTotal = 0;
                                    var totalHAP = 0;

                                    $('\[data-emissie\]').each(function () {
                                        emissieTotal += Number($(this).data('emissie'));
                                        var hap = $(this).data('hap');
                                        if (hap == "True") {
                                            totalHAP += Number($(this).data('emissie'));
                                        }
                                    });

                                    var emissieFinalTotal = round(emissieTotal, 3);
                                    $('#TotalEmissionForOnlineInstruments').html(emissieFinalTotal);

                                    var totalHAPFinal = round(totalHAP, 3);
                                    $('#TotalHAPForOnlineInstruments').html(totalHAPFinal);
                                }); 
                            }][1]

Hi Aashish! Please write some text explaining how your code might answer the question, then rather just pasting code into an answer. Also, when using example code in either an answer or question, it is always preferred to use minimal examples (https://stackoverflow.com/help/minimal-reproducible-example) that is short and doesn't contain more code than necessary to answer the question. Have a great day! :) — Olov, Dec 26 '20 at 13:57

How to invoke a method from ajax success function?

4 Answers4