这是fcc中级前端的一个项目,有两个功能,分别是随即打开一个wiki界面,及对特定字段进行搜索。
演示网址:戳这儿(Wikipedia Search)
运行截图:
完整代码免积分下载链接:http://download.csdn.net/detail/qq_32623363/9922829
重点: 由于直接获取json格式获取会出现跨域访问的问题,因此便使用了jsonp的格式来传输。 代码如下,虽然出于某些原因对ajax有抵触情绪,但是其实还是蛮好使的:
$.ajax({
url:
"https://en.wikipedia.org/w/api.php?action=query&list=search&srsearch=" + keyword +
"&prop=info&inprop=url&utf8=&format=json",
dataType:
"jsonp",
success:
function(response){
showResults(response,keyword);
},
error:
function(){
alert(
"Sorry,there's something wrong within the search,please refresh this page
and try again!
");
}
});
欢迎大家加入QQ群一起交流讨论,
「吟游」程序人生——YinyouPoet