How to Wait for the Response from webservice and Call another Webservice in Jquery

Question

I am creating a web application and i have 4 webservice.

Make Call
Get Ringing Status
Answered Status
Hang Up

I want that when i execute the first webservice from jquery it should wait for the response and then check the another Webservice and get the status asynchronously.

Presently i am using .

function InfoByDate(){
    var divToBeWorkedOn = "#AjaxPlaceHolder";
    var webMethod = "http://MyWebService/Web.asmx/GetInfoByDates";
    var parameters = "{}";

    $.ajax({
        type: "POST",
        url: webMethod,
        data: parameters,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {    
            $(divToBeWorkedOn).html(msg.d);
        },
        error: function(e){
            $(divToBeWorkedOn).html("Unavailable");              
        }
    });
}

Can you suggest something.

Can't you put the status webservice call in success of make call service ? — Abdullah Shaikh, Mar 19 '13 at 04:51
yes i can. but how can i keep on checking whether the service is returning me the appropriate response — Moiz, Mar 19 '13 at 05:18
I guess you mean you want to poll the webservice. For that you can use setInterval method — Abdullah Shaikh, Mar 19 '13 at 05:39

Abdullah Shaikh · Accepted Answer · 2013-03-19T05:47:36.267

1

The term for "how can i keep on checking" is polling. If you want to poll webservice you can use setInterval as below.

setInterval(function() {
  //call your webservice here
}, 5000);

edited Mar 19 '13 at 05:47

answered Mar 19 '13 at 05:40

Abdullah Shaikh

2,567
6
30
43

score 0 · Answer 2 · edited May 23 '17 at 12:04

Use the following in jQuery

async: false,

as

 $.ajax({
    type: "POST",
    url: webMethod,
    data: parameters,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    async: false,
    success: function(msg) {    
        $(divToBeWorkedOn).html(msg.d);
    },
    error: function(e){
        $(divToBeWorkedOn).html("Unavailable");     
        //call you second function here
    }
});

More detail
What does "async: false" do in jQuery.ajax()?
$.ajax( { async : false } ) request is still firing asynchronously?

score 0 · Answer 3 · answered Mar 19 '13 at 07:36

calling a web-service and within its success handler calling other web-service is totally a synchronous call..calling second web-service irrespective of first service success is a asynchronous call.

 $.ajax({
    type: "POST",
    url: webMethod,
    data: parameters,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    async: false,
    success: function(msg) {    
        $(divToBeWorkedOn).html(msg.d);
     //**call to second service**
    },
    error: function(e){
        $(divToBeWorkedOn).html("Unavailable");     
        //call you second function here
    }
});

for synchronous call set Async:false and for an asynchronous call set Async:true inside jquery ajax for all the service calls

How to Wait for the Response from webservice and Call another Webservice in Jquery

3 Answers3