网页设计

您的位置:首页 > 网站专题 > 网页设计 > 详细内容>

jQuery+Bing API实现简易搜索引擎

2010-09-22 21:57 作者: [大 中 小]

微软在今年六月正式发布了Live搜索的继承者Bing,同时也提供了一套非常全面的API。如同Google API,通过使用Bing API,Web开发者可以在网站中集成bing搜索中的各种服务,从而丰富网站功能,并为网站带来流量。CSS9.NET在本篇文章通过一个完整的使用示例,向大家展示如何使用jQuery来调用Bing API实现简单的Web搜索引擎,并对Bing API有一个基本的了解。

首先我们来感性感受一下:

Bing API提供了三种检索结果数据类型:SOAP、XML、JSON,在示例中是通过jQuery ajax调用json数据类型接口展示数据的。下面我们来看它的实现:

准备工作:

微软通过Bing API站点向我们展示了详细的开发文档:

访问bing开发者站点:http://bing.com/developers,在这里也可以找到

使用微软的账户登录(没有只能先注册一个啦)

填写表格,获取“APP ID”(用来调用API时用的,微软要确定你是微软的开发者)

HTML部分

页面元素很简单,主要包括检索入口、结果显示区域、结果描述、错误信息显示及翻页导航五部分,下面看HTML:

通过jQuery调用Bing API部分

本页关键词:

上一篇:用于打印的页面设计 下一篇:Photoshop制作一颗梦幻的水晶星星