Потребляя Wiki Api с использованием AngularJS

Question

Я имею в AngularJS следующим образом:

(function() { 
    'use strict'; 

    angular 
     .module('ui-chat-app') 
     .factory('wikiService', function($http) { 
    var wikiService = { 
     get: function(keyword) { 
      return $http.jsonp('https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&exlimit=1&explaintext&exintro&titles=' + keyword.name); 
     } 
    }; 

    return wikiService; 

}) 

.controller('aiChatBrain', function($scope, wikiService) { 
    wikiService.get({name: 'Sarajevo'}).then(function(data) { 
     console.log(data); 
    }); 

}); 

})(); 

Когда сценарий выполняется в светлячок я получаю следующее сообщение об ошибке:

И когда сценарий выполненный в хромированном состоянии, возникает следующая ошибка:

Любая идея, почему это происходит? :/Я полностью смущен ...

Может кто-нибудь помочь мне с этим, пожалуйста?

Спасибо, кучи!

Answer 1

При использовании JSONP, ответ от сервера поступает на функцию обратного вызова и выполнен в JavaScript (см здесь What is JSONP all about?)

Таким образом, при выполнении JSONP запросов в угловых, необходимо указать функцию обратного вызова:

The name of the callback should be the string JSON_CALLBACK

от docs

Ваша строка JSON выполняется, однако это не является корректным Javascript заявление само по себе, отсюда и ошибка.

Попробуйте использовать $http.get вместо этого, который будет работать так, как вы ожидаете.