Я что-то пропустил с этим $ http.jsonp в angularjs?

0

Я знаю, что этот вопрос задавали несколько раз, но я не понимаю, пропустил ли я что-нибудь или это просто сервер. Мне нужно показать вам мой код для проверки:

(function(){

var app = angular.module('c4s', ['ionic', 'starter.controllers', 'starter.services']);

app.controller('curiousCtrl', function($http, $scope){
    $scope.stories = [];

    $http.jsonp('http://curious4science.com/?json=1&callback=JSON_CALLBACK')

        .success(function(response) {
            angular.forEach(response.data.children, function(child){
                console.log(response);
                $scope.stories.push(child.data);
            });
        });
});

app.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {

    if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if (window.StatusBar) {
      // org.apache.cordova.statusbar required
      StatusBar.styleLightContent();
    }
  });
})

.config(function($httpProvider, $stateProvider, $urlRouterProvider) {
        delete $httpProvider.defaults.headers.common['X-Requested-With'];
        $stateProvider

      // setup an abstract state for the tabs directive
        .state('tab', {
        url: "/tab",
        abstract: true,
        templateUrl: "templates/tabs.html"
  })

  // Each tab has its own nav history stack:

  .state('tab.dash', {
    url: '/dash',
    views: {
      'tab-dash': {
        templateUrl: 'templates/tab-dash.html',
        controller: 'DashCtrl'
      }
    }
  })

  .state('tab.chats', {
      url: '/chats',
      views: {
        'tab-chats': {
          templateUrl: 'templates/tab-chats.html',
          controller: 'ChatsCtrl'
        }
      }
    })
    .state('tab.chat-detail', {
      url: '/chats/:chatId',
      views: {
        'tab-chats': {
          templateUrl: 'templates/chat-detail.html',
          controller: 'ChatDetailCtrl'
        }
      }
    })

  .state('tab.account', {
    url: '/account',
    views: {
      'tab-account': {
        templateUrl: 'templates/tab-account.html',
        controller: 'AccountCtrl'
      }
    }
  });

  // if none of the above states are matched, use this as the fallback
  $urlRouterProvider.otherwise('/tab/dash');

});
}());

И я получаю эту ошибку:

ТипError: response.data не определено

Во-первых, я пробовал $ http.get(....), но я получил ошибку, что перекрестная вещь домена не допускается. Затем я попробовал jsop.

Спасибо.

Теги:

1 ответ

1
Лучший ответ

Обратный вызов sucess() не принимает ответ HTTP как аргумент. Он принимает данные ответа, затем статус, затем заголовки, затем конфигурацию.

Таким образом, код должен быть

$http.jsonp('http://curious4science.com/?json=1&callback=JSON_CALLBACK')
    .success(function(data) {
        angular.forEach(data.children, function(child){
            console.log(response);
            $scope.stories.push(child.data);
        });
    });

(при условии, возвращаемый JSON имеет children поле, которое является массивом, и что каждый ребенок имеет поле данных, конечно).

  • 0
    Я попробовал это, и ни данных об ошибках не получил ни данные, поэтому я добавил console.log (data), и я мог видеть объект с данными, поэтому огромное спасибо вам! но у вас есть идея, почему данные не отображаются? в html-файле: <div ng-repeat = "story in story"> {{story.title}} </ div>
  • 0
    Потому что в возвращаемом JSON нет children полей. Структура объекта, который вы на самом деле получаете, не та, о которой вы думаете. Просто вставьте URL в адресную строку браузера и посмотрите, как выглядит возвращаемый JSON.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню