jQuery+Bing APIはシンプルな検索エンジンを実装します

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 サイトを通じて詳細な開発ドキュメントを示しています。

1. bing 開発者サイト: http://bing.com/developersにアクセスしてください。MSDNの Bing API への入り口もここにあります。
2. Microsoft アカウントでログインします (アカウントをお持ちでない場合は、最初に登録するだけです)
3. フォームに記入して「APP ID」を取得します (API を呼び出すときに使用されます。Microsoft は、あなたが Microsoft 開発者であることを確認する必要があります)。

HTML部分

ページ要素は非常にシンプルで、主に検索入口、結果表示エリア、結果説明、エラー メッセージ表示、ページ ナビゲーションの 5 つの部分で構成されています。以下の HTML を見てみましょう。

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;