$("#search").click(function(){ //gets search input var searchTerm = $("#searchTerm").val(); //api url with searchTerm var url = “https://en.wikipedia.org/w/api.php?action=opensearch&search=”+ searchTerm +"&format=json&callback=?";
$.ajax({ type:"GET", url:url, async:false, dataTypes:"json", success:function(data){ console.log(data[1][0]); } });
}); });
url works fine … i pasted it into window as is and got back a object … will need to see rest of your code would suspect your calling this outside of the call that gets your search Term and and this bit of code has already being run.
could be a cross domain issue.
does it work if you use https for codepen instead of http?