AngularJS Rest GET request not working

Question

I am working on my Front End (Angular Js calling a Rest Service) and this is working fine , i get a nice JSON as response:

$scope.test = function(response) {  
    $http.get("http://localhost:8080/androbridge/test/dotest"+"?s=ssss").success(function(response){
    $scope.related=JSON.stringify(response);
});

While this is not working :

var x;      
    $http.get("http://localhost:8080/androbridge/einloggen/loggeEin?username=" + $scope.username + "&password=" + $scope.password).success(function(response)
            {x=JSON.stringify(response);})  

    if(x=={"Kennzeichnung":"login","Status":true}){
        $rootScope.loggedIn=true;
        $location.path('/userPage');    
}else {
    alert('Wrong Login Information'+$scope.username +$scope.password + x)
}

Anyone see what mistake i make? I cant figure it out!

what error do you see in console??

cesar andavisa
– cesar andavisa

2015-11-11 16:08:39 +00:00
Commented Nov 11, 2015 at 16:08 — cesar andavisa
– cesar andavisa, Commented Nov 11, 2015 at 16:08

Chris Riebschlager · Accepted Answer · 2015-11-11 16:05:51Z

1

First off, you can't do object comparison like this:

if(x=={"Kennzeichnung":"login","Status":true}){

You could instead do something like this:

if(x.Kennzeichnung == 'login' && x.Status){

Also the $http.success() method is deprecated. You should use $http().then(successFn, errorFn); instead.

answered Nov 11, 2015 at 16:05

Chris Riebschlager

1,3331 gold badge8 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Karens · Accepted Answer · 2015-11-11 16:05:03Z

0

The problem is that the variable x is inside the $http scope, while you are testing it outside. The http call is asynchronous. Try this:

var x;
$http.get("http://localhost:8080/androbridge/einloggen/loggeEin?username=" + $scope.username + "&password=" + $scope.password).success(function(response) {
    x = JSON.stringify(response);
    if (x == {
            "Kennzeichnung": "login",
            "Status": true
        }) {
        $rootScope.loggedIn = true;
        $location.path('/userPage');
    } else {
        alert('Wrong Login Information' + $scope.username + $scope.password + x)
    }
});

answered Nov 11, 2015 at 16:05

Karens

6235 silver badges18 bronze badges

1 Comment

O.Bey Over a year ago

Thanks Sir! Works like a charm .

Christoph · Accepted Answer · 2015-11-11 16:04:42Z

0

First of all, $http is asynchron so your if will be executed before the response get received. Next thing is your if statement, it's syntactically incorrect.

answered Nov 11, 2015 at 16:04

Christoph

2,0531 gold badge27 silver badges35 bronze badges

Comments

André Vermeulen · Accepted Answer · 2015-11-11 16:10:35Z

You need to move all your code into the callback for the Promise. The promise callback is asynchronous and only get called once the response is coming back from the server. Your code block is currently outside the callback and will get executed immediately and not when the result is being returned.

Try something like this

    $http.get("http://localhost:8080/androbridge/einloggen/loggeEin?username=" + $scope.username + "&password=" + $scope.password)
.success(function(response)
            {

    var x = JSON.stringify(response);
    if(x == {"Kennzeichnung":"login","Status":true}){
        $rootScope.loggedIn=true;
        $location.path('/userPage');    
     }else {
      alert('Wrong Login Information'+$scope.username +$scope.password + x)
    };

});

Collectives™ on Stack Overflow

AngularJS Rest GET request not working

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related