>  기사  >  웹 프론트엔드  >  AutoComplete 자동 완성_jquery 구현 원리에 대해 이야기해보겠습니다.

AutoComplete 자동 완성_jquery 구현 원리에 대해 이야기해보겠습니다.

WBOY
WBOY원래의
2016-05-16 17:59:371539검색

1. 간략한 설명
어제 지원 동료가 고객의 도움을 받아 다음과 유사한 효과를 얻었습니다(자동 완성).

image

이전에는 집을 구할 때 부동산 사전을 불러 이렇게 했어요.

image

작은 기능이지만 큰 기능이기도 합니다. 크거나 작게 만들 수 있기 때문입니다.
2. Soufun의 AutoComplete
예를 들어 위에서 본 것처럼 Soufun의 AutoComplete는 이러한 효과를 보고자 할 경우 실제로 다음과 같은 작업을 수행했습니다.

1. 데이터베이스 작업. 각 도시에 해당하는 하나의 XML을 사용하여 일일 부동산 사전을 XML로 저장합니다. 예를 들어 오늘 생성된 bj_11_04.xml
2. 비즈니스 로직 레이어에 Memcached를 추가합니다. 사용자가 접속하면 먼저 Memcached에 있는지 확인하고, 있으면 캐시로 이동하여 XML을 읽어 캐시에 넣습니다.
3. AJAX 호출
4. 병음부동산사전(하기 시작했다가 삭제했는데 이유는 알 수 없음) 효과는 다음과 같습니다

image

따라서 이 기능은 더 크게 또는 더 작게 만들 수 있습니다. 규모가 커지면 서버 추가 신청을 해야 합니다. 따라서 이 기능을 수행하기 전에 먼저 방문 횟수를 파악해야 합니다.
3.코딩
어제 만든 내용은 100% JqueryUI 기반입니다.
ASPX 코드:

코드 복사 코드는 다음과 같습니다.