如何从视图重定向到另一个视图

Question

我尝试使用 angualrJS 和 php 进行身份验证。我通过console.log对其进行了测试，当密码不正确时，我收到错误消息，而当密码正确时，我什么也没有得到，在这种情况下，我想被骑到其他视图，请问我该怎么做：

app.js

app.controller('loginCtrl', function($scope, $location,$state,$http,$window){

    $scope.submit = function()
    {
        data = {
            'NomClient' : $scope.NomClient,
            'mdp' : $scope.mdp
        };

        $http.post('http://localhost/deb/login.php', data)
        .success(function(data, status, headers, config)
        {
          // $window.location.href = '#/admin';
            console.log(data);
        })
        .error(function(data, status, headers, config)
        {
            console.log('error');
        });
    }

});

登录.php

 <?php  

$data = json_decode(file_get_contents("php://input"));

 $connect = mysqli_connect("localhost", "root", "", "test");  


 if(count($data) > 0)  
 { 
$NomClient=mysqli_real_escape_string($connect, $data->NomClient);
$mdp=mysqli_real_escape_string($connect, $data->mdp);


$query = 'SELECT * FROM `client` WHERE NomClient = "'.$NomClient.'" AND   mdp= "'.$mdp.'"';

$q = mysqli_query($connect , $query);

if(mysqli_num_rows($q) > 0 )
        { 
            $_SESSION["logged_in"] = true; 
            $_SESSION["naam"] = $NomClient; 
        }
        else
        {
            echo 'The username or password are incorrect!';
        }

}
 ?>

如你所见，我在 app.js 中有一行注释： // $window.location.href = '#/admin';我把它作为评论，因为当我放它时，它会将我重定向到管理员视图但是密码不正确。

提前致谢

Answer 1

使用 AngularJS，您可以使用 $location 服务

$Location - Documentation

尝试使用：

$location.path("your new path here")

举个例子：请参考下面另一篇帖子的回答：

https://stackoverflow.com/a/14387747/7018180

Answer 2

.success 是 $http 服务的一个属性，所以如果数据变量中有一些值，$window.location 最终会被调用。所以为了改进你可以在 $http 服务中使用 if 条件检查传递的用户名和密码以及它将从服务获得的响应，然后在 if 条件下您可以将其重定向到另一个页面。

app.service('AuthenticationService', function ($http, $window){
    this.login = function (username, password) {
        return $http({
            url: 'http://localhost/deb/login.php',
            method: 'POST',
            params: {
                NomClient : username,
                mdp : password
            }
        })
    };
});

app.controller('loginCtrl', function ($scope, $state, $http, $window, AuthenticationService, $remember) {
    $scope.submit = function()
    {
        AuthenticationService.login($scope.NomClient,$scope.mdp)
        .then(function(response) {
            if (response.data.NomClient == $scope.NomClient && response.data.mdp == $scope.mdp) 
            {
                $state.go('application.home');
            }
            else {
                alert('Credentials do not match our records. Please try again.');
            }
        })
    }
});

你可以使用 angularJS 的 $state.go 功能来代替 $window.location。它会将您的页面重定向到将要提及的特定状态，并会在路由文件中查找该状态，并将执行该状态及其 templateUrl 和控制器。

Answer 3

在 login.php 中试试这个代码

if(mysqli_num_rows($q) > 0 )
  { 
       $_SESSION["logged_in"] = true; 
       $_SESSION["naam"] = $NomClient; 
       $result['code'] = 200;
       $result['message'] ='Logged In';
  }
  else
  {

       $result['code'] = 603;
       $result['message'] ='The username or password are incorrect!';
  }

$resultstring = json_encode($result);
$resultstring = str_replace("null",'""',$resultstring);
echo $resultstring ;
die;

并检查js中的结果代码，如果是200则成功，否则出错。

Answer 4

将.success\.error 更改为.then()，将您的代码更改为：

   $http.post('http://localhost/deb/login.php', data).then(function(response) {          
            console.log(response.data);
            $window.location.href = '#/admin';
          }, function(error) {
            console.log('error');
     });

Answer 5

这里是正确测试您的问题的正常工作代码。如果您仍在寻找解决方案

app.js

app.controller('loginCtrl', function ($scope, $http,$state) {
    $scope.submit = function ()
    {
        $scope.data = {
            username: $scope.username,
            password: $scope.password
        }

        $http.post('http://localhost/HTML5Application/public_html/login.php', {serviceData: $scope.data})
                .success(function (data) {
                    alert(data);
                    $state.go('newState');
                })
                .error(function (data) {
                    alert("problem with service call");
                });
    };
});

登录.php

    $data = json_decode(file_get_contents("php://input"));

    $connect = mysqli_connect("localhost", "root", "", "embroidery");

    if (count($data) > 0) {
        $username = mysqli_real_escape_string($connect, $data->serviceData->username);
        $password = mysqli_real_escape_string($connect, $data->serviceData->password);
        $query = 'SELECT * FROM `client` WHERE username = "' . $username . '" AND   password= "' . $password . '"';

        $q = mysqli_query($connect, $query);

        if (mysqli_num_rows($q) > 0) {
            $_SESSION["logged_in"] = true;
            $_SESSION["name"] = $username;
            echo $_SESSION["name"];
        } else {
            echo 'The username or password are incorrect!';
        }
    }
    ?>

login.html

<div class="list list-inset" ng-controller="loginCtrl">
    <label class="item item-input">
        <input type="text" placeholder="Username" required="" ng-model="username"> 
    </label> 
    <label class="item item-input">
        <input type="password" placeholder="Password" ng-model="password"> 
    </label> 
    <button class="button button-block button-positive" name="submit" ng-click="submit()">Login</button>       
</div>

Answer 6

谢谢大家，这是这个问题的解决方案，由“Mr_Perfect”解决： 我们只需要在成功中添加一个条件：

$http.post('http://localhost/deb/login.php', data)
        .success(function(data, status, headers, config,result)
        {

            console.log(data);
            if(data.code == 200){
            $state.go('admin');
          }
        })
        .error(function(data, status, headers, config, rsult)
        {

            console.log('error');

        });

谢谢大家