JQuery ajax call from angularjs service

Question

  $scope.results = searchService.CallWeb($scope.userName);

I am using the above line of code inside my angularjs controller. The method searchService.CallWeb() is inside an angularjs service that makes a jquery ajax call. The Jquery ajax call is successfully executed (I am throwing the results into an alert inside jquery success ), but the service method searchService.CallWeb() returns before it can get a response from the ajax call. Hence I am not able to get the results back to my controller. How do I fix this?

possible duplicate of [How to return the response from an AJAX call?](http://stackoverflow.com/questions/14220321/how-to-return-the-response-from-an-ajax-call) — Arun P Johny, Aug 28 '13 at 03:47

score 1 · Accepted Answer · answered Aug 28 '13 at 03:54

1) Send a callback function into the service and when the ajax call from jQuery is complete, call the callback. In the callback you send in, populate the array or call the alert or whatever you need to do.

searchService.CallWeb($scope.userName, function(data){
  $scope.results = data;
});

2) You can also use an Angular resource to do this. Replace the jQuery ajax call with a resource call and instead of returning the value from the service, return the promise that the resource provides. Then you can use the promise in your controller to take the data and do whatever with it.

JQuery ajax call from angularjs service

1 Answers1