Consuming Wiki Api using AngularJS

Question

I have the the AngularJS as following:

(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);
    });

});

})();

When the script is executed in firefox I get the following error:

And when the script is executed in chrome I get the following error:

Any idea why this is happening ? :/ I'm totally confused...

Can someone help me out with this please?

Thanks heaps!

Hi, did my answer help? I'd enjoy some feedback if I did/didn't help to solve the problem. — glcheetham
– glcheetham, Commented Mar 7, 2016 at 16:47

Community · Accepted Answer · 2017-05-23 12:15:30Z

1

When using JSONP, the response from the server is fed to a callback function and executed as javascript (see here What is JSONP all about?)

So, when making JSONP requests in angular, you need to specify a callback function:

The name of the callback should be the string JSON_CALLBACK

From the docs

Your JSON string is being executed, however it is not a valid javascript statement by itself, hence the error.

Try using $http.get instead which will work as you are expecting it to.

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Mar 6, 2016 at 17:36

glcheetham

1,0039 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Consuming Wiki Api using AngularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related