中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

微軟在今年六月正式發(fā)布了Live搜索的繼承者Bing，同時(shí)也提供了一套非常全面的API。如同Google API，通過(guò)使用Bing API，Web開(kāi)發(fā)者可以在網(wǎng)站中集成bing搜索中的各種服務(wù)，從而豐富網(wǎng)站功能，并為網(wǎng)站帶來(lái)流量。CSS9.NET在本篇文章通過(guò)一個(gè)完整的使用示例，向大家展示如何使用jQuery來(lái)調(diào)用Bing API實(shí)現(xiàn)簡(jiǎn)單的Web搜索引擎，并對(duì)Bing API有一個(gè)基本的了解。

首先我們來(lái)感性感受一下：在線(xiàn)示例

Bing API提供了三種檢索結(jié)果數(shù)據(jù)類(lèi)型：SOAP、XML、JSON，在示例中是通過(guò)jQuery ajax調(diào)用json數(shù)據(jù)類(lèi)型接口展示數(shù)據(jù)的。下面我們來(lái)看它的實(shí)現(xiàn)：

準(zhǔn)備工作：

微軟通過(guò)Bing API站點(diǎn)向我們展示了詳細(xì)的開(kāi)發(fā)文檔：

1. 訪(fǎng)問(wèn)bing開(kāi)發(fā)者站點(diǎn)：http://bing.com/developers，在這里也可以找到Bing API在MSDN上的入口
2. 使用微軟的賬戶(hù)登錄（沒(méi)有只能先注冊(cè)一個(gè)啦）
3. 填寫(xiě)表格，獲取“APP ID”（用來(lái)調(diào)用API時(shí)用的，微軟要確定你是微軟的開(kāi)發(fā)者）

HTML部分

頁(yè)面元素很簡(jiǎn)單，主要包括檢索入口、結(jié)果顯示區(qū)域、結(jié)果描述、錯(cuò)誤信息顯示及翻頁(yè)導(dǎo)航五部分，下面看HTML：

        <div class="line search-content">
            <div class="column col-threefifths">
                <h3 id="results-header"></h3>
                <p id="results-summary"></p>
<!--結(jié)果顯示區(qū)域-->
                <div id="search-result">
                    <h3>搜索結(jié)果</h3>
<!-- 結(jié)果描述，例如總共多少條，但前是哪些條 -->
                    <div id="result-aggregates" class="results"></div>
                    <ul id="result-list" class="results">
                    </ul>
<!--翻頁(yè)導(dǎo)航-->
                    <ul id="result-navigation" class="result-navigation">
                        <li id="prev">&laquo;</li>
                        <li id="next">&raquo;</li>
                    </ul>
                </div>
<!--錯(cuò)誤信息顯示-->
                <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>

通過(guò)jQuery調(diào)用Bing API部分

定義Bing API需要傳入的一些參數(shù)：     //申請(qǐng)的APP ID，這里換成你自己的。
    var AppId = "AppId=31F3C13DC5D41C42D4A18F9E04DE1DEA73762186";
    //通過(guò)用戶(hù)輸入搜索詞獲得檢索串
    var Query = "Query="
    //指定檢索來(lái)源類(lèi)型，Bing提供了網(wǎng)頁(yè)、視頻、圖片等所有類(lèi)型，參考API
    //這里指定的是網(wǎng)頁(yè)類(lèi)型
    var Sources = "Sources=Web";
    //指定API版本
    var Version = "Version=2.0";
    //指定所在地區(qū)，如google，每個(gè)地區(qū)搜索結(jié)果是不一樣的，這里指定中國(guó)
    var Market = "Market=zh-cn";
    //一些選項(xiàng)設(shè)置，這里開(kāi)啟搜索結(jié)果中的搜索詞高亮
    var Options = "Options=EnableHighlighting";
    //每頁(yè)返回條數(shù)
    var WebCount = 10;
    //當(dāng)前為第幾頁(yè)，從0開(kāi)始的
    var WebOffset = 0;

出處：css9.net
責(zé)任編輯：bluehearts

上一頁(yè) 下一頁(yè) jQuery+Bing API實(shí)現(xiàn)簡(jiǎn)易搜索引擎 [2]

◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。