×

使用jquery及bing api实现简易搜索引擎

下载文档

ID：10982724

大小：53.00 KB

页数：0页

时间：2018-07-09

收藏

预览图正在加载中，预计需要20秒，请耐心等待

资源描述：

《使用jquery及bing api实现简易搜索引擎》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、使用jQuery及BingAPI实现简易搜索引擎微软在今年六月正式发布了Live搜索的继承者Bing，同时也提供了一套非常全面的API。如同GoogleAPI，通过使用BingAPI，Web开发者可以在网站中集成bing搜索中的各种服务，从而丰富网站功能，并为网站带来流量。CSS9.NET在本篇文章通过一个完整的使用示例，向大家展示如何使用jQuery来调用BingAPI实现简单的Web搜索引擎，并对BingAPI有一个基本的了解。首先我们来感性感受一下：在线示例BingAPI提供了三种检索结果数据类型：SOAP、XML、JSON，在示例中

2、是通过jQueryajax调用json数据类型接口展示数据的。下面我们来看它的实现：准备工作：微软通过BingAPI站点向我们展示了详细的开发文档：1.访问bing开发者站点：http://bing.com/developers，在这里也可以找到BingAPI在MSDN上的入口2.使用微软的账户登录（没有只能先注册一个啦）3.填写表格，获取“APPID”（用来调用API时用的，微软要确定你是微软的开发者）HTML部分页面元素很简单，主要包括检索入口、结果显示区域、结果描述、错误信息显示及翻页导航五部分，下面看HTML：

3、linesearch-content">

搜索结果

<

4、!--翻页导航-->«»

输入搜索词:

5、ttonid="btnSearch"type="button"title="搜索">搜索

6、ources="Sources=Web";//指定API版本varVersion="Version=2.0";//指定所在地区，如google，每个地区搜索结果是不一样的，这里指定中国varMarket="Market=zh-cn";//一些选项设置，这里开启搜索结果中的搜索词高亮varOptions="Options=EnableHighlighting";//每页返回条数varWebCount=10;//当前为第几页，从0开始的varWebOffset=0;1.为搜索按钮绑定处理方法：$(function(){$('#btnSearch

7、').click(function(){//这里调用最关键的Search方法，取数据Search();});});2.下面来看最关键的Search部分，调用API获取结果数据：$(function(){functionSearch(){ //获取用户输入的搜索词，并替换空格为“+”varsearchTerms=$('#txtQuery').val().replace("","+"); //防止传输中文时产生乱码searchTerms=encodeURI(searchTerms); //将接口需要的所有参数封装为数组vararr=[AppId

8、,Query+searchTerms,Sources,Version,Market,Options,"Web.Count="+WebCount,"Web.Offset="+Web