Change view after make ajax call AngularJS

Question

I am developing a single page application, with help of AngularJS and I'm new to it maybe my question is so primitive but at the moment I don't know how to handle it

what I need to do id to open up a pop-up menu after user enters his/her username and password then make a ajax call to Server and if the user is authenticated another view(profile) is displayed.

This is my ajax call

   formApp.controller('mainController',function FormCtrl($scope,$http){                                    

           $scope.processForm = function() {
               $http({
                   method  : 'POST',
                   url     : 'login',
                   data    : $.param($scope.formData), 
                   headers : { 'Content-Type': 'application/x-www-form-urlencoded'} 
              }).success(function(data){
                        console.log(data);                                                     
                    });

                };

And this is the routers and views config :

            var formApp = angular.module('formApp', ['ngRoute']);

            formApp.config(function($routeProvider) {
                    $routeProvider
        .when('/', {
            templateUrl : 'main',
            controller  : 'mainController'
        })

        .when('/profile', {
            templateUrl : 'profile',
            controller  : 'profileController'
        })

            });

Thanks in advance,

user680786 · Accepted Answer · 2014-05-06 09:37:01Z

3

So now in success method call route-change: return $location.path('/profile');

Also, I guess, you need some service where you will keep user's data.
Also, consider to use ngResource (or similar things) to work with REST backend (and don't keep this logic in controller).

answered May 6, 2014 at 9:37

user680786

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

1 Comment

Siavosh Over a year ago

it doesn't need return without that it works, thanks

Shivaraj · Accepted Answer · 2014-05-06 09:34:52Z

0

Use modal window and inject controller into it and in resolve make the service call which contains your $http request.

see the link for modal window.

Angular-UI

answered May 6, 2014 at 9:34

Shivaraj

6133 silver badges10 bronze badges

Collectives™ on Stack Overflow

Change view after make ajax call AngularJS

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related