API access via Jquery issue

Question

I'm trying to access an API via jquery with ajax , here's my code

$(document).ready(function(){
function kimonoCallback(data) {
   var ticker = '<ul id="webticker">';
   var url = data.results.collection[i].alaune; 
   $.each(url,function(i, news ){       
     ticker += '<li>';
     ticker += '<a href="'+ news.href+ '">';
     ticker += '<img src="img/ticker_sep.png" alt="sep"/>';
     ticker += '"'+ news.text +'" </a></li>';
   });
   ticker += '</ul>';
   $('#tickernews').html(ticker);
  }



$.ajax({
        "url":"https://www.kimonolabs.com/api/d7dujppi?apikey=xxxxxxxxxxxxxxxxxxxx&callback=kimonoCallback",
        "crossDomain":true,
        "dataType":"jsonp"
    });

});

when i try to see the results in the webpage nothing come up no error in the console. so how do i make the request and display the text my webpage.

check the api here

Does the server from which you are requesting the data allow cross-domain requests? The headers returned by the API link you gave don't have any origin headers set. — Palpatim
– Palpatim, Commented Jul 4, 2014 at 16:00
it gives reponse with json but not with jsonp so it is not allowing jsonp i think — Ehsan Sajjad
– Ehsan Sajjad, Commented Jul 4, 2014 at 16:11
i fixed it , i add to add the CORS domain in order for the server to answer the request. — Obed Lorisson
– Obed Lorisson, Commented Jul 4, 2014 at 16:59

Christopher Marshall · Accepted Answer · 2014-07-04 16:23:43Z

1

Working example: http://jsfiddle.net/6jU3b/5/

Call your method in the success method of the ajax response rather than trying to execute it when returned from the server.

I also changed your $.each statement a bit to reflect the updated object (you changed it from collection to collection1 while I was working on it :{

$(document).ready(function(){
    $.ajax({
        url:"https://www.kimonolabs.com/api/d7dujppi?apikey=94d5808efe01f5eab40a5027c54bf86f",
        crossDomain:true,
        dataType:"jsonp",
        success: function(data) {
            console.log(data);
            kimonoCallback(data);
        }

    });

function kimonoCallback(data) {
   var ticker = '<ul id="webticker">';
   var url = data.results.collection1; 
   $.each(url,function(key, value){       
     ticker += '<li>';
     ticker += '<a href="'+ value.alaune.href + '">';
     ticker += '<img src="img/ticker_sep.png" alt="sep"/>';
     ticker += '"'+ value.alaune.text +'" </a></li>';
   });

   ticker += '</ul>';
   $('#tickernews').html(ticker);
 }

});

edited Jul 4, 2014 at 16:23

answered Jul 4, 2014 at 16:16

Christopher Marshall

10.7k10 gold badges57 silver badges95 bronze badges

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

1 Comment

Christopher Marshall Over a year ago

No problem! Glad we got it figured out

Collectives™ on Stack Overflow

API access via Jquery issue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related