我使用jQuery来调用维基百科网络API。我使用.get方法,通过检查开发人员工具,我可以看到调用后的数据。但是当我用回调函数操作数据时没有任何反应。没有数据显示我的检查都没有通过控制台。相反,我得到了这个错误:
无法加载 https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=json: No' Access-Control-Allow-Origin'标题出现在请求的上 资源。起源' http://localhost:8080'因此是不允许的 访问。
以下是我曾经尝试过的代码,我不能为我的生活弄清楚我做错了什么。
$(document).ready(function () {
//Animating on load
$('.container').ready(function () {
$('.container').addClass('animated fadeInDown');
});
//Adding functionality to button. This will branch out and contain most of the logic
$('button').on('click', function () {
$('input').addClass('animated fadeOutDown')
$('label').addClass('animated fadeOutDown')
$.get("https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=json", function(data, status) {
console.log (data)
if (data.batchcomplete === "") {
console.log('query successful');
$('#output').html("<a href='http://en.wikipedia.org/wiki/" + data.title + ">" + data.title + "</a>");
} else {
console.log("query unsuccessful");
}
});
});
});