Javascript 在jQuery中访问WikipediaAPI JSON数据

$（“#搜索按钮”）。单击（函数（）{
var searchInput=“”；
searchInput=document.getElementById（'test'）；
如果（searchInput.value！==“”）{
$.getJSON（'https://en.wikipedia.org/w/api.php?action=query&list=search&format=json&srsearch=“+searchInput+”&utf8=”，函数（json）{
警报（json.query.search[0].title）；
});
}
});

之所以出现此错误，是因为调用

mediawiki

的源站未启用

CORS

，您可以在此处查看相同的详细信息

您可以将如下请求与数据类型一起使用：“jsonp”

工作片段：

$（文档）.ready（函数（）{
$（“#搜索按钮”）。单击（函数（）{
var searchInput=“”；
searchInput=document.getElementById（'test'）；
如果（searchInput.value！==“”）{
$.ajax（{
网址：'https://en.wikipedia.org/w/api.php',
数据：{
操作：“查询”，
列表：“搜索”，
格式：“json”，
srsearch:searchInput.value
},
数据类型：“jsonp”
}）.done（函数（json）{
警报（json.query.search[0].title）；
} );
}
});
});

可能是CORS。您在控制台上看到任何消息了吗？这是我在控制台上看到的消息
index.html:1 XMLHttpRequest无法加载https://en.wikipedia.org/w/api.php?action=query&list=search&format=json&srsearch=[对象%20HTMLInputElement]&utf8=。请求的资源上不存在“Access Control Allow Origin”标头。起源'http://s.codepen.io因此，不允许访问。
我不太清楚这一切意味着什么，但感谢您的帮助，我相信我会弄明白的。请改用JSONP