Question

我对AngularJS有些困难。非常感谢任何建设性的帮助。

这是我正在使用的Angular代码

app.controller('customersCtrl', function($scope, $http) {
    $scope.element = function(num){
        var element_id = num;//num;  
        $http.get("customers.php",{params:{"id":element_id}}).then(function (response) {
            $scope.myData = response.data;
        }
        ,function errorCallback(response){
            $scope.e=response.data;
            console.log(e);

        });

    };

});

这是我正在使用的PHP代码。所有这一切都是返回401代码。该部分可以工作，因为我可以在控制台日志中返回它。

        http_response_code(401);
        $message = http_response_code()." No data found";
        header('Content-Type: application/json');
        echo json_encode($message);

这是我的HTML代码

<!DOCTYPE html>
<html>
    <head>
        <title>page2</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="css.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> </script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
        <script src = "javascript.js"></script>

    </head>
    <body ng-app="input">

        <div ng-controller="customersCtrl">
            <h1>Click on the contact name for company and location</h1>
            <br>
            <button ng-click="element(0)">Bob</button>
            <button ng-click="element(1)">Jim</button>
            <button ng-click="element(2)">Kim</button>
            <br>
            <br>
            <ul>
                <li ng-repeat="x in myData">
                     {{x}}
                 </li>
            </ul>

            <div ng-show="error != null">
                <p>{{e.error}}</p>
            </div>


        </div>
        <a href="#fullList">View full list</a>
    </body>
</html>

我在HTML页面中显示401消息时遇到问题。这样做的好方法是什么？代码将返回消息，但仅作为控制台日志。我需要在HTML页面中。我对此很困惑，因为我尝试了多种方法，但没有一种方法可行。任何帮助将不胜感激

提前谢谢!!!

Answer 1

嘿，Man尝试以下方法：

$scope.e = '';
$scope.myData = [];

$scope.element = function(element_id){
    $http({
        method: 'GET',
        url: "customers.php?id=" + element_id,
        headers: {
            'Content-Type': 'application/json'
        }
    })
    .then(
        function successCallback(response) {
            $scope.myData = response.data;
            callback(response);
        },
        function errorCallback(response) {
            $scope.e = response.data;
            callback(response);
        }
    );
}

在浏览器上检查网络，如果没有工作，请将日志网络上传至＆＃34; customers.php＆＃34;

祝福

AngularJS errorcallBack

1 个答案: