Bing API的简单了解

【 tulaoshi.com - Web开发 】

微软在今年六月正式发布了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站点向我们展示了详细的开发文档：

HTML部分

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

        div class="line search-content"
            div class="column col-threefifths"
                h3 id="results-header"/h3
                p id="results-summary"/p
!--结果显示区域--
                div id="search-result"
                    h3搜索结果/h3
!-- 结果描述，例如总共多少条，但前是哪些条 --
                    div id="result-aggregates" class="results"/div
                    ul id="result-list" class="results"
                    /ul
!--翻页导航--
                    ul id="result-navigation" class="result-navigation"
                        li id="prev"«/li
                        li id="next"»/li
                    /ul
                /div
!--错误信息显示--
                p id="error-list"
                /p
            /div
!-- 搜索入口 --
            div class="column last-col"
                h3输入搜索词:/h3
                p
                    input id="txtQuery" type="text" title="Search Terms" /
                    button id="btnSearch" type="button" title="搜索"搜索/button
                /p
            /div
        /div

通过jQuery调用Bing API部分

定义Bing API需要传入的一些参数：     //申请的APP ID，这里换成你自己的。
    var AppId = "AppId=31F3C13DC5D41C42D4A18F9E04DE1DEA73762186";
    //通过用户输入搜索词获得检索串
    var Query = "Query="
    //指定检索