How do I redirect after ajax request in angularjs?

Question

I am using angularjs and nodejs for my project. Now after I do my authentication using background call. Now after I receive my successful authentication, how do I redirect the user to dashboard? Here is my login div:

  <div ng-controller="loginCtrl" class="control">
    <form role="form" name="docRegForm" ng-submit="login()" enctype="multipart/form-data" class="col-xs-11 div-center">
      <div class="input-group">
        <input id="exampleInputEmail1" type="text" placeholder="Username" ng-model="user.username" class="form-control"/>
      </div>
      <div class="input-group">
        <input id="exampleInputPassword1" type="password" placeholder="Password" ng-model="user.password" class="form-control"/>
      </div>
      <div class="col-xs-12 div-center">
        <button type="submit" class="btn btn-danger full-width">LOGIN</button>

And my angular controller is:

app.controller('loginCtrl', function ($scope, $http, $window) {
  $scope.message = '';

  $scope.login = function () {
    $http
      .post('/authenticate', $scope.user)
      .success(function (data, status, headers, config) {
        $window.localStorage.nimbusToken = data.token;
        console.log($window.localStorage.token);
        $scope.message = 'Welcome';  
        };
        alerts[data.status];
      })
      .error(function (data, status, headers, config) {
        // Erase the token if the user fails to log in
        alert("failure");
        delete $window.localStorage.token;
        // Handle login errors here
        $scope.message = 'Error: Invalid user or password';
      });
  };
});

Now after the login, I have to redirect to dashboard or to relogin, if failed login. How do I do that?

i tried that. but only the url in address bar changes. but the page does not navigate. — Pravin
– Pravin, Commented Jan 19, 2015 at 13:10
yep... thanks a lot. Both did the trick. which one is better approach? setting the window.location.href or replacing window.location.replace()? — Pravin
– Pravin, Commented Jan 19, 2015 at 13:17

Ved · Accepted Answer · 2015-01-19 13:21:07Z

2

If $location.path(''), not works for you, than try these:

// similar behavior as an HTTP redirect

window.location.replace("your path.");

or:

 window.location.replace("your path.")

answered Jan 19, 2015 at 13:21

Ved

12.1k5 gold badges46 silver badges61 bronze badges

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

2 Comments

Usman Khalid Over a year ago

This will reload the whole page.

Zvi Over a year ago

Try window.location = "your_path" Or just $state.go('your_path'). $state.go is preferred, because it's only change the route and not reload the whole page

squiroid · Accepted Answer · 2015-01-19 12:55:38Z

1

In success use:-

$location.path("/dashboard");

In error use:-

$location.path("/login");

answered Jan 19, 2015 at 12:55

squiroid

14.1k7 gold badges50 silver badges68 bronze badges

1 Comment

Pravin Over a year ago

I did that and only the url in the address bar changes, but does not redirect.

Collectives™ on Stack Overflow

How do I redirect after ajax request in angularjs?

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related