Resolved - Wiki viewer -Don't understand how to get json info from API - Spolier

Hi all, I’m working on the wiki viewer and have been stuck for a little while. Despite reading and searching for info, I still don’t fully understand how to get json info from the wikipedia api.

My function is below. Any pointers, tips or suggestions about where or what I might be doing wrong will be appreciated.

function search(){
 var searchWord = $("#searchbox").val();
 var apiResult = ""
 + searchWord;

success: function(info){
//selector to display info to go here

Do you have this in Codepen? It’s easier for other to hack around and see problems with live code.

I should add that I used some different values than you are, starting with the API’s URL (

My get function pulls info from the following object:

apiDetails = {
  endpoint: '',
  params  : {
    action: 'query',
    format: 'json',
    prop: 'pageimages|extracts|info',
    inprop: 'url',
    generator: 'search',
    gsrsearch: searchTerm,
    gsrlimit: 10,
    exintro: 1,
    exlimit: 'max',
    explaintext: 1,
    grnnamespace: 0,
    grnfilterredir: 'nonredirects',
    origin: '*'  // <-- see this guy here?

Note the last property in the params object: origin: '*'. You need to specify origin with each request. This would seem to stop the whole project dead in its tracks, except you can specify origin: '*' which the API accepts as an anonymous request! begs the question: why even require it?!

More info:

Hi @belcurv,
Thanks for your reply. I’ve added everything to codepen here

With a little tweaking, I’m getting search results from the api, although I’m also getting an error message from the object. May have something to do with what you’ve mentioned above, but I have a headache now. lol :smile:

Hmm. I’m not getting errors.

Thanks for having a look @belcurv,:thumbsup:
It’s working fine, :slight_smile: the error I saw was to do with the empty search box.