Wikipedia Search 第三方维基百科——调用wikipedia的api进行查询

这是fcc中级前端的一个项目,有两个功能,分别是随即打开一个wiki界面,及对特定字段进行搜索。

演示网址:戳这儿(Wikipedia Search)

运行截图:
Wikipedia Search 第三方维基百科——调用wikipedia的api进行查询_第1张图片
Wikipedia Search 第三方维基百科——调用wikipedia的api进行查询_第2张图片

完整代码免积分下载链接: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){
                //成功获取jsonp数据
                showResults(response,keyword);
            },
            error:function(){
                //获取出错了
                alert("Sorry,there's something wrong within the search,please refresh this page and try again!");
            }
        });



欢迎大家加入QQ群一起交流讨论, 「吟游」程序人生——YinyouPoet

你可能感兴趣的:(FreeCodeCamp之旅)