Ошибка при использовании запроса get в AngilarJS - PullRequest
Новая
       1

Ошибка при использовании запроса get в AngilarJS

0 голосов
/ 28 августа 2018

У меня есть некоторые данные JSON, хранящиеся в файле: weeklyData.json (который находится внутри папки json ), который я хочу отобразить в консоли с помощью запроса GET, но я получаю результат undefined .

Мой файл app.js содержит оба подхода для запроса GET, но результат остается тем же: undefined .

HTML-файл: 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Crazy Data Component</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="plugins/bootstrap_Plugin/css/bootstrap.min.css">
</head>

<body ng-app="myApp" ng-controller="myCtrl">
    <h1>{{msg}}</h1>
    <script src="plugins/bootstrap_Plugin/jquery.min.js"></script>
    <script src="plugins/bootstrap_Plugin/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script src="js/app.js"></script>
    <!--    <script src=""></script>-->
</body>

</html>

app.js 

var myApp = angular.module("myApp", []);

myApp.controller("myCtrl", function ($scope, $http) {
    $scope.msg = "Something";
    $http({
        method: 'GET',
        url: 'json/weeklyData.json',
        headers: {
            'Content-type': 'application/json'
        }
    }).then(function (response) {
        console.log(response.data)
    }, function (error) {
        console.log(error.data)
    })
})

//    $http.get('json/weeklyData.json').success(function (data) {
//        $scope.dub = data;
//        console.log('$scope.dub', $scope.dub);
//    })
//})

Может кто-нибудь что-то предложить?

1 Ответ

0 голосов
/ 28 августа 2018

Ваш код работает .. проверьте ниже фрагмент,

Ваш образец JSON не доступен. проверьте ваш URL. 

var myApp = angular.module("myApp", []);

myApp.controller("myCtrl", function ($scope, $http) {
    $scope.msg = "Something";
    $http({
        method: 'GET',
        url: 'https://www.w3schools.com/angular/customers.php',
        headers: {
            'Content-type': 'application/json'
        }
    }).then(function (response) {
        console.log(response.data)
    }, function (error) {
        console.log(error.data)
    })
})
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Crazy Data Component</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="plugins/bootstrap_Plugin/css/bootstrap.min.css">
</head>

<body ng-app="myApp" ng-controller="myCtrl">
    <h1>{{msg}}</h1>
    <script src="plugins/bootstrap_Plugin/jquery.min.js"></script>
    <script src="plugins/bootstrap_Plugin/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script src="js/app.js"></script>
    <!--    <script src=""></script>-->
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...