$ HTTP сервис возврата ничего контроллер

Question

Я пытаюсь получить JSON результат с помощью $ HTTP обратного вызова, ниже моей службы:

app.factory('topicContent', ['$http', function($http){ 

    var query = function() { 
     return $http({ 
     method: 'JSONP', 
     url: 'http://daysof.me/lowyat/thread.php?callback=JSON_CALLBACK' 
     }); 
    } 

    return { 
     request : function(){ 
      return query(); 
     } 


    } 
}]); 

и внутри моего контроллера я, как этот

topicContent.request().success(function(data){ 
    $scope.threadContent = data.data; 
    }); 

Но почему мой threadContent ничего не вернул?

Answer 1

Мне кажется, что вам не нужно читать свойство объекта ответа, если вы используете success (вам нужно было бы в случае then). Это должно быть:

topicContent.request().success(function(data){ 
    $scope.threadContent = data; 
}); 

Answer 2

Проблема здесь, ваш URL-адрес не возвращается JSON.

Содержимое-тип text/html, оно должно быть application/json.

Попробуйте переключить свой URL с любыми другими поддерживаемыми JSONP-адресами, как показано ниже, и это сработает.

https://api.github.com/gists 

Если вы посмотрите на консоль инструментов разработчика Chrome, вы увидите сообщение.

Resource interpreted as Script but transferred with MIME type text/html 

Вам нужно настроить сервер для отправки ответа на JavaScript с

Content-Type: application/javascript or application/json 

Answer 3

PHP

public function getData() 
{ 
    header("Content-Type: text/javascript"); 
    // or try header("Content-Type: application/json"); 
    $data = array(); 
    echo $_GET["callback"] . "(" . json_encode($data) . ")"; 
    // or try $_GET["url"]["callback"] . "(" . json_encode($data) . ")"; 
} 

JavaScript

var url = ".../getData?callback=JSON_CALLBACK"; 
$http.jsonp(url).success(function(data) { 
}); 

Это хороший кусок о AngularJS и AJAX с detai ls about AngularJS и JSONP http://tutorials.jenkov.com/angularjs/ajax.html