CODEWITHSUNDEEP
javascriptangularjs
I Love Stackoverflow
I Love Stackoverflow

Reputation: 6868

How to open pop up only after getting response (data) from server?

Below is my function :

function openPopup() {
   var logsReceived = false;
   logsReceived = getLogs();
   console.log(logsReceived);
   if(logsReceived) // getting undefines
   {
        popup.open();// When I receive logs then I want to open my pop up to show logs.
   }
 }

function getLogs() {
   myService.getLogs(function (response) {
                $scope.logs = response.logs;
                return true;
        });
 }

I have tried like below also :

function openPopup() {
   getLogs();
   popup.open();//When i receive logs then i want to open my pop up to show logs.
 }

But problem with the above approach is my pop up gets open but I can't able to see logs because I haven't got the response from the server. When I close the popup and open the pop up again then I get to see the logs, because until then I have got the response from the server.

So what I would like to do is unless and until I get the response of logs I don't want to open pop up.

Note: I don't want to write code for pop up in getLogs function as because that function is getting call from lots of place.

Update: I am using Angular.js to display logs in pop up html. So I take response in 1 scope variable and then I run my loop on that scope variable in pop up html to display logs.

app.factory('myService', function ($resource) {
    var myService = $resource('Myservice', {}, {
        getLogs: {
            method: 'GET',
            url: '/root/getLogs',
        }
    });
    return myService;
})

Upvotes: 1

Views: 1066

Answers (1)

Drag13
Drag13

Reputation: 5988

  logsReceived = getLogs();
  console.log(logsReceived);
  if(logsReceived)

The problem is that logsReceived will be always undefined because assignment will be done later or even never. So you should move your popup.open() function to the method that will be invoked after async call ends.

Async mode: 

 var myService = $resource('Myservice', {}, {
    getLogs: {
        method: 'GET',
        url: '/root/getLogs',
    }
});


myService.getLogs(null, function CALLBACK(serverResponse){
if (serverResponse) {
    showLogs(serverResponse.logs)
   }
});

You just need to invoke showLogs in the callback.

Upvotes: 2

Related Questions