jQuery+Bing API는 간단한 검색 엔진을 구현합니다.

Microsoft는 올해 6월 Live Search의 후속 제품인 Bing을 공식 출시했으며 매우 포괄적인 API 세트도 제공했습니다. Google API와 마찬가지로 Bing API를 사용하여 웹 개발자는 Bing 검색의 다양한 서비스를 웹 사이트에 통합하여 웹 사이트 기능을 풍부하게 하고 웹 사이트에 트래픽을 가져올 수 있습니다. 이 기사에서 CSS9.NET은 전체 사용 예제를 사용하여 jQuery를 사용하여 Bing API를 호출하여 간단한 웹 검색 엔진을 구현하는 방법을 보여주고 Bing API에 대한 기본적인 이해를 갖습니다.

먼저, 지각적 경험을 해보자: 온라인 예시

Bing API는 SOAP, XML, JSON이라는 세 가지 검색 결과 데이터 유형을 제공합니다. 예제에서는 jQuery ajax를 통해 json 데이터 유형 인터페이스를 호출하여 데이터를 표시합니다. 구현을 살펴보겠습니다.

준비 :

Microsoft는 Bing API 사이트를 통해 자세한 개발 문서를 보여줍니다.

1. Bing 개발자 사이트( http://bing.com/developers) 를 방문하세요. MSDN에서 Bing API에 대한 입구를 찾을 수도 있습니다.
2. Microsoft 계정으로 로그인하세요. (계정이 없다면 먼저 하나만 등록하시면 됩니다.)
3. 양식을 작성하고 "APP ID"를 받습니다(API를 호출할 때 사용되며 Microsoft는 귀하가 Microsoft 개발자인지 확인해야 함).

HTML 부분

페이지 요소는 매우 간단하며 주로 검색 입구, 결과 표시 영역, 결과 설명, 오류 메시지 표시 및 페이지 탐색의 다섯 부분으로 구성됩니다.

jQuery를 통해 Bing API 부분 호출

Bing API에 전달해야 하는 일부 매개변수를 정의합니다. //적용된 앱 ID, 여기에서 자신의 ID로 바꿉니다.
var AppId = "AppId=31F3C13DC5D41C42D4A18F9E04DE1DEA73762186";
//사용자가 검색어를 입력하여 검색 문자열을 가져옵니다.
var 쿼리 = "쿼리="
//검색 소스 유형을 지정합니다. Bing은 웹페이지, 동영상, 사진 등 모든 유형을 제공합니다. API를 참조하세요.
//여기에 지정된 것은 웹페이지 유형입니다.
var 소스 = "소스=웹";
//API 버전 지정
var 버전 = "버전=2.0";
//Google 등 지역을 지정합니다. 각 지역의 검색결과는 중국으로 지정됩니다.
var Market = "시장=zh-cn";
//일부 옵션 설정, 여기에서는 검색 결과에서 검색어 강조 표시를 켭니다.
var 옵션 = "옵션=EnableHighlighting";
//페이지당 항목 수를 반환합니다.
varWebCount = 10;
//현재 페이지는 0부터 어떤 페이지인가요?
varWebOffset = 0;