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 사이트를 통해 자세한 개발 문서를 보여줍니다.
HTML 부분
페이지 요소는 매우 간단하며 주로 검색 입구, 결과 표시 영역, 결과 설명, 오류 메시지 표시 및 페이지 탐색의 다섯 부분으로 구성됩니다.
<div class="라인 검색 콘텐츠">
<div class="열 열-35분위">
<h3 id="결과-헤더"></h3>
<p id="결과-요약"></p>
<!--결과 표시 영역-->
<div id="검색결과">
<h3>검색결과</h3>
<!-- 총 항목 수와 이전 항목 등의 결과 설명 -->
<div id="result-aggregates" class="results"></div>
<ul id="결과 목록" 클래스="결과">
</ul>
<!--페이지 탐색-->
<ul id="결과-탐색" 클래스="결과-탐색">
<li id="prev">«</li>
<li id="다음">»</li>
</ul>
</div>
<!--오류 메시지 표시-->
<p id="오류 목록">
</p>
</div>
<!--검색 입구-->
<div class="열 마지막 열">
<h3>검색어 입력:</h3>
<p>
<input id="txtQuery" type="text" title="검색어" />
<button id="btnSearch" type="button" title="검색">검색</button>
</p>
</div>
</div>
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;