|
微軟在今年六月正式發(fā)布了Live搜索的繼承者Bing,同時(shí)也提供了一套非常全面的API。如同Google API,通過(guò)使用Bing API,Web開發(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)感性感受一下:在線示例
Bing API提供了三種檢索結(jié)果數(shù)據(jù)類型:SOAP、XML、JSON,在示例中是通過(guò)jQuery ajax調(diào)用json數(shù)據(jù)類型接口展示數(shù)據(jù)的。下面我們來(lái)看它的實(shí)現(xiàn):
準(zhǔn)備工作:
微軟通過(guò)Bing API站點(diǎn)向我們展示了詳細(xì)的開發(fā)文檔:
- 訪問(wèn)bing開發(fā)者站點(diǎn):http://bing.com/developers,在這里也可以找到Bing API在MSDN上的入口
- 使用微軟的賬戶登錄(沒有只能先注冊(cè)一個(gè)啦)
- 填寫表格,獲取“APP ID”(用來(lái)調(diào)用API時(shí)用的,微軟要確定你是微軟的開發(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">«</li>
<li id="next">»</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>
it知識(shí)庫(kù):使用jQuery及Bing API實(shí)現(xiàn)簡(jiǎn)易搜索引擎,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。