지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > AutoComplete 자동 완성_jquery 구현 원리에 대해 이야기해보겠습니다.

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

WBOY
풀어 주다： 2016-05-16 17:59:37
원래의
1602명이 탐색했습니다.

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 코드:

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




저자별 최신 기사
최신 이슈
function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...
에서 2024-04-29 11:01:01
0
3
2328
Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
에서 2024-04-23 00:22:19
0
11
2466
자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
에서 2024-04-19 15:37:47
0
1
2083
상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');
에서 2024-04-18 23:52:34
0
1
1962
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
2036
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿