Microsoft は今年 6 月に Live search の後継である Bing を正式にリリースし、非常に包括的な API セットも提供しました。 Google API と同様に、Bing API を使用すると、Web 開発者は Bing 検索のさまざまなサービスを Web サイトに統合できるため、Web サイトの機能が強化され、Web サイトにトラフィックが集まります。この記事では、CSS9.NET の完全な使用例を使用して、jQuery を使用して Bing API を呼び出し、単純な Web 検索エンジンを実装する方法を示し、Bing API の基本を理解します。
まず、知覚体験をしてみましょう:オンラインの例
Bing API は、SOAP、XML、JSON の 3 つの検索結果データ型を提供します。この例では、json データ型インターフェイスが jQuery ajax を通じて呼び出され、データが表示されます。その実装を見てみましょう。
準備：
Microsoft は、Bing API サイトを通じて詳細な開発ドキュメントを示しています。
HTML部分
ページ要素は非常にシンプルで、主に検索入口、結果表示エリア、結果説明、エラー メッセージ表示、ページ ナビゲーションの 5 つの部分で構成されています。以下の HTML を見てみましょう。
<div class="ライン検索コンテンツ">
<div class="columncol-threefifths">
<h3 id="results-header"></h3>
<p id="results-summary"></p>
<!--結果表示エリア-->
<div id="検索結果">
<h3>検索結果</h3>
<!-- 結果の説明 (エントリは合計でいくつあるか、どのエントリが前にあるかなど) -->
<div id="result-aggregates" class="results"></div>
<ul id="結果リスト" class="結果">
</ul>
<!--ページナビゲーション-->
<ul id="result-navigation" class="result-navigation">
<li id="prev">«</li>
<li id="next">»</li>
</ul>
</div>
<!--エラーメッセージ表示-->
<p id="エラーリスト">
</p>
</div>
<!--検索入口-->
<div class="column last-col">
<h3>検索語を入力してください:</h3>
<p>
<input id="txtQuery" type="text" title="検索用語" />
<button id="btnSearch" type="button" title="検索">検索</button>
</p>
</div>
</div>
jQuery 経由で Bing API パーツを呼び出す
Bing API に渡す必要があるパラメーターをいくつか定義します。 //適用された APP ID。ここで独自の ID に置き換えます。
var AppId = "AppId=31F3C13DC5D41C42D4A18F9E04DE1DEA73762186";
//ユーザーが検索語を入力して検索文字列を取得します
var クエリ = "クエリ =
//検索ソースの種類を指定します。Bing には Web ページ、ビデオ、写真などのすべての種類があります。API を参照してください。
// ここで指定するのは Web ページのタイプです
var ソース = "ソース=Web";
//APIのバージョンを指定
var バージョン = "バージョン = 2.0";
//Googleなどの地域を指定します。ここでは地域ごとに検索結果が異なります。
var マーケット = "マーケット=zh-cn";
//いくつかのオプション設定。ここでは検索結果での検索ワードの強調表示をオンにします
var Options = "Options=EnableHighlighting";
// ページごとのアイテム数を返します
varWebCount = 10;
// 現在のページは 0 から始まる何ページですか?
varWebOffset = 0;